前提回归:
1.微信小程序实战开发(一):微信小程序简介
2.微信小程序实战开发(二):小程序基本目录结构讲解
今天给大家介绍一下微信小程序的视图容器。小程序的视图容器包含三个方面:view组件,scroll-view组件,swiper图片轮播组件。
在学习本课程之前,大家需要对一些简单的基础知识有所了解:HTML和CSS。详情可以到http://www.w3school.com.cn/上学习,对于微信小程序的开发还是很有必要的。
简单来说,HTML就是一个标记语言,在wxml中由<>组成的标记,基本规则就是成对出现,有开始就有结尾<>;CSS就是样式表,规定HTML中的样式,高度,宽带,颜色等等。
再介绍视图容器(view container)之前我们先了解一下微信小程序组件。
小程序的基础组件分为以下七大类:视图容器(View Container):
基础内容(Basic Content):
可滚动视图区域。简单来说就是可以滚动的。我们举例如下:
那么是为什么会滚动呢?是什么滚动的呢?我们看下scroll-view组建的属性就比较明了了。一个固定高度,通过 WXSS 设置 height。
示范代码:爱盈利(aiyingli.com)移动互联网最具影响力的盈利指导网站。定位于服务移动互联网创业者,移动盈利指导。我们的目标是让盈利目标清晰可见!降低门槛,让缺乏经验、资金有限的个人和团队获得经验和机会,提高热情,激发产品。
【转载说明】  若上述素材出现侵权,请及时联系我们删除及进行处理:8088013@qq.com