微信小程序前端界面生成

const App = getApp(); Page({ data:{ radioItems1:[{"value":"1","label":"选项一","checked":true},{"value":"2","label":"选项二","checked":false},{"value":"3","label":"选项三","checked":false}], slidervalue2:'36', inputvalue2:'36', date3: "2017-02-28", checkboxItems4:[{"value":"1","label":"选项一","checked":true},{"value":"2","label":"选项二","checked":false},{"value":"3","label":"选项三","checked":false}] }, radioChange1: function (e) { var radioItems1 = this.data.radioItems1; for (var i = 0, len = radioItems1.length; i < len; ++i) { radioItems1[i].checked = radioItems1[i].value == e.detail.value; } this.setData({ radioItems1: radioItems1 }); }, sliderChange2: function (e) { this.setData({ inputvalue2:e.detail.value }); }, bindDateChange:function (e) { this.setData({ date3: e.detail.value }); }, checkboxChange4: function (e) { var checkboxItems4 = this.data.checkboxItems4, values = e.detail.value; for (var i = 0, lenI = checkboxItems4.length; i < lenI; ++i) { checkboxItems4[i].checked = false; for (var j = 0, lenJ = values.length; j < lenJ; ++j) { if(checkboxItems4[i].value == values[j]){ checkboxItems4[i].checked = true; break; } } } this.setData({ checkboxItems4: checkboxItems4 }); }, navigateTo :function(e){ App.navigateTo(e.currentTarget.dataset.url); } })