微信小程序开发初学：开关 - switch

最新推荐文章于 2025-03-24 22:48:51 发布

原创最新推荐文章于 2025-03-24 22:48:51 发布 · 3.2k 阅读

9 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

小程序

当前文章被收录于：

小程序

25 篇文章 12 人学习

微信小程序开发学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细介绍了微信小程序中switch组件的各种属性，包括checked、disabled、type和color等。通过设置这些属性，可以控制开关的默认状态、禁用状态、类型以及颜色。示例代码展示了如何使用这些属性创建不同效果的开关和勾选框。

switch具有的属性

checked
类型：boolean
默认值：false
开关是否默认选中

disabled
类型：boolean
默认值：false
开关是否禁用

type
类型：String
默认值：switch
type属性合法值：
（1）switch：开关类型
（2）checkbox：勾选框类型

color
类型：String
默认值：#04BE02
switch 选中时的颜色，同 css 的 color

示例：

<view>
    <switch></switch>
    <!--默认开关-->
</view>
<view>
    <switch checked></switch>
    <!--checked 设置选中-->
</view>
<view>
    <switch disabled></switch>
    <!--disabled 设置开关禁用-->
</view>
<view>
    <switch type="checkbox"></switch>
    <!--checkbox 勾选框-->
</view>
<view>
    <switch checked color="#378491"></switch>
    <!--color 设置选中时的颜色-->
</view>