wxml练习笔记

小程序每个页面由4部分组成：wxml（页面展示）、wxss（样式文件）、js（事件处理）、json（配置文件）

数据绑定类似于AngularJs的数据绑定（“{{value}} ”绑定数据），数据初始化时在js文件的Page（）函数里的data对象中

view标签：视图标签，默认换行，类似于div标签

icon标签：展示图标 type属性用于展示什么样的图标如：clear，success，info，warn等，size：图标大小

process标签：进度条，percent：进度，stroke-width；宽度，active：动态增加，color：颜色，show-info：展示数字进度

button标签：size：按钮大小（只有俩个值：mini，default），type：类型（改变颜色，default，warn，primary），plain：是否镂空，背景透明（true/false）， loading（名称前是否带下载图标），form-type：用作表单按钮（submit/reset），hover-class（点击下去的样式类， 目前在无type属性并且plain为false时才能生效 ）

input: 输入框 type表示类型，里面没有password，password单独作为属性表示输入密码 auto-focus:自动聚焦  placeholder-class：指定占位符的样式类

checkbox:最外围是checkbox-group 内部包含checkbox，可以添加checked来默认选中，color用于改变对勾的颜色，checkbox-group可以绑定bindchange事件

Picker（选择器）:mode属性用来控制选择器类别（selector 普通选择器，time 时间选择器，date 日期选择器） value：当前选择的值，range：变化范围，

对于time选择器和date选择器需要设定start和end属性来确定起止范围（不能设定range）改变选择器的值需要绑定变化函数（bindchange）