国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

微信小程序switch開關選擇器使用詳解

2019-11-19 14:26:31
字體:
來源:轉載
供稿:網友

本文為大家分享了微信小程序switch開關選擇器使用方法,供大家參考,具體內容如下

效果圖

switch組件效果圖

WXML

<view class="tui-list-box"> <view class="tui-menu-list">  <text>狀態(tài):{{isChecked1}}</text>  <switch class="tui-fr" checked="{{isChecked1}}" bindchange="changeSwitch1"/> </view> <view class="tui-menu-list">  <text>狀態(tài):{{isChecked2}}</text>  <switch class="tui-fr" checked="{{isChecked2}}" bindchange="changeSwitch2"/> </view> <view class="tui-menu-list">  <text>狀態(tài):{{isChecked3}}</text>  <switch class="tui-fr" color="#007aff" checked="{{isChecked3}}" bindchange="changeSwitch3"/> </view> <view class="tui-menu-list">  <text>狀態(tài):{{isChecked4}}</text>  <switch class="tui-fr" color="#007aff" checked="{{isChecked4}}" bindchange="changeSwitch4"/> </view> <view class="tui-menu-list">  <text>狀態(tài):{{isChecked5}}</text>  <switch class="tui-fr" type="checkbox" checked="{{isChecked5}}" bindchange="changeSwitch5"/> </view> <view class="tui-menu-list">  <text>狀態(tài):{{isChecked6}}</text>  <switch class="tui-fr" type="checkbox" checked="{{isChecked6}}" bindchange="changeSwitch6"/> </view></view>

JS

var pageObj = { data: {  isChecked1: false,  isChecked2: true,  isChecked3: false,  isChecked4: true,  isChecked5: false,  isChecked6: true }};for (var i = 0; i < 7; ++i) { (function (i) {  pageObj['changeSwitch' + i] = function (e) {   var changedData = {};   changedData['isChecked' + i] = !this.data['isChecked' + i];   this.setData(changedData);  } })(i)}Page(pageObj);

switch組件的屬性

  • checked:是否選中―-false、true
  • type:開關選擇器的樣式―-switch, checkbox
  • color:switch 的顏色,同 css 的 color

DEMO下載

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 巴青县| 山西省| 剑川县| 新兴县| 奇台县| 榆社县| 正阳县| 宝清县| 富蕴县| 冷水江市| 金堂县| 磐石市| 罗定市| 琼结县| 柳林县| 昌邑市| 梓潼县| 桃江县| 南阳市| 宜都市| 阜宁县| 乐陵市| 肥城市| 湖口县| 黑山县| 五寨县| 靖西县| 青浦区| 娱乐| 夏邑县| 金秀| 乐昌市| 玛曲县| 德惠市| 于都县| 舒城县| 金湖县| 托克托县| 临潭县| 随州市| 新疆|