微信小程序----switch组件（开关选择器）

最新推荐文章于 2024-09-14 10:01:47 发布

liNewman

最新推荐文章于 2024-09-14 10:01:47 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/liNewman/article/details/86576752

版权

本文介绍了微信小程序中的switch组件，包括开关选择器的效果图、WXML和JS代码示例，详细讲解了switch组件的checked、type和color等属性，并提供了DEMO下载和相关资源链接。

摘要由CSDN通过智能技术生成

微信小程序----switch组件（开关选择器）

DEMO下载

效果图

switch组件效果图

WXML

<view class="tui-list-box">
  <view class="tui-menu-list">
    <text>状态：{
      {
      isChecked1}}</text>
    <switch class="tui-fr" checked="{
      {
      isChecked1}}" bindchange="changeSwitch1"/>
  </view>
  <view class="tui-menu-list">
    <text>状态：