<view>
??<view>7.button小案例</view>
??<view>(1)迷你按钮</view>
??<button>主要按钮</button>
??<button>次要按钮</button>
??<button>警告按钮</button>
??<view>(2)按钮状态</view>
??<button>普通按钮</button>
??<button>警用按钮</button>
??<button>加载按钮</button>
??<view>(3)增加按钮事件</view>
??<button>点击我获取用户信息</button></view>

<view>
??<view>8.checkbox小案例</view>
??<view>利用for循环批量生成</view>
??<checkbox-group>
????<label>
??????<checkbox></checkbox>{{item.value}}
????</label>
??</checkbox-group></view>

Page({
??data:?{
????items:?[
??????{?name:?"tiger",?value:?"老虎"?},
??????{?name:?"elephant",?value:?"大象"?},
??????{?name:?"lion",?value:?"狮子",?checked:?"true"?},
??????{?name:?"penguin",?value:?"企鹅"?},
??????{?name:?"elk",?value:?"麋鹿"?},
??????{?name:?"swan",?value:?"天鹅"?},
????]
??},
??checkboxChange:function(e)?{
????console.log("checkbox发生change事件，携带value值为：",?e.detail.value)
??}})

<view>
??<view>9.input小案例</view>
??<view>(1)文本输入框</view>
??<input>
??<view>(2)密码输入框</view>
??<input>
??<view>(3)禁用输入框</view>
??<input>
??<view>(4)增加输入框事件监控</view>
??<input></view>

<view>
??<view>10.lable小案例</view>
??<view>(1)使用for属性</view>
??<checkbox-group>
????<checkbox></checkbox>
????<label>老虎</label>
????<checkbox></checkbox>
????<label>大象</label>
????<checkbox></checkbox>
????<label>狮子</label>
??</checkbox-group>
??<view>(2)label包裹组件</view>
??<checkbox-group>
????<label>
??????<checkbox></checkbox>老虎????</label>
????<label>
??????<checkbox></checkbox>大象????</label>
????<label>
??????<checkbox></checkbox>狮子????</label>
??</checkbox-group></view>