效果圖:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIiclRnblN0LclHdpZXYyd2LcBzNvwVZ2x2bzNXak9CX90TQNNkRrFlQKBTSvwFbslmZvwFMwQzLcVmepNHdu9mZvwFVywUNMZTY18CX052bm9CX9UkeihGayIGaodVYohWblZXUYpVd1kmYr50MZV3YyI2cKJDT29GRjBjUIF2LcRHelR3LcJzLctmch1mclRXY39DO2kDO1UjM1EzNwkDM3EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
項目結構:
核心代碼:
index.wxml
<view class="body-view">
<switch checked bindchange="switch1Change"/>
<switch bindchange="switch2Change"/>
</view>
index.js
Page({
switch1Change: function (e) {
console.log('switch1 發生 change 事件,攜帶值為', e.detail.value)
},
switch2Change: function (e) {
console.log('switch2 發生 change 事件,攜帶值為', e.detail.value)
}
})
源碼下載下傳:http://download.csdn.net/download/zhaihaohao1/9968483