WEIXIN day_02(8.17) 小程序的组件库
一、小程序组件库
小程序中，在wxml中使用组件定义页面的结构。小程序提供了一套组件库。HTML5标签都不能使用。
（一）关于组件的属性
-
如果组件的属性为boolean类型属性，设置方式如下：
-
在小程序中组件的属性名支持两种命名规则：
-
驼峰命名法
-
短横线命名法
-
（二）View组件
view组件用于描述一个视图容器。类似html中的div。基本使用方法：
案例：pages/view/view。测试view组件。
view | 微信开放文档
（三）Image组件
image组件用于描述图片，基本写法：
案例：pages/image/image。
小程序中图片的适配
wxss中提供了一个新的单位：rpx（响应式像素）。它可以根据屏幕宽度的不同动态变化。在小尺寸屏幕下100rpx转换的物理像素值比较小，在大尺寸屏幕下100rpx转换的物理像素值比较大。这样就可以动态设置组件的大小。转换规则要保证如下原则：
无论任何屏幕，宽度永远都是750rpx。 （类似100vw）
WXSS | 微信开放文档
（三）swiper组件
swiper组件用于显示轮播图，基本结构：
（四）navigator组件
navigator组件用于跳转页面。基本写法：
open-type：
-
navigate默认的跳转方式，保留跳转。这种跳转方式，将会保留当前页，新建目标页，跳转到目标页（非tabar页面）。 -
navigateBack返回上一页（本质就是销毁当前页，上一页自然而然的就显示出来了）。还可以借助于delta属性，回到上n页。 -
redirect意为：重定向。这种跳转方式将会销毁当前页，创建目标页，跳转到目标页（非tabbar页面）。 -
switchTab意为：切换选项卡。这种跳转方式可以跳转到tabbar页面。 但是将会销毁所有非tabbar页面。 -
reLaunch意为重新启动小程序。这种方式将会销毁所有页面。重新打开新页面。
案例：
pages/a/a
pages/b/b
pages/c/c
（五）ScrollView组件
scrollView组件属于容器类组件，特点是该容器拥有滚动条，并且针对滚动相关行为设计了很多人性化的属性、事件。
当容器装不下内容时，将会出现水平或垂直方向的滚动条。
案例：pages/scroll/scroll
（六）input组件
input用于描述文本输入框，属于表单相关组件。基本写法：
