百度小程序switch组件的属性一览百度小程序开关选择器常见样式代码

　　今天与大家分享的是百度小程序switch组件的属性一览内容，我们都知道开关选择器是百度小程序设计中选项控件的一类型，也被称为switch组件代码，以下有相关的百度小程序开关选择器常见样式代码以及代码可供大家进行参考。

　　百度小程序switch组件的属性一览百度小程序开关选择器常见样式代码

　　属性说明

属性名	类型	默认值	必填	说明
checked	Boolean	false	否	是否选中
type	String	switch	否	样式，有效值：switch、checkbox
color	Color	#3388ff	否	switch 的颜色，同 CSS 的 color
disabled	Boolean	false	否	是否禁用
bindchange	EventHandle		否	checked 改变时触发 change 事件，`event.detail = {checked: true}`

type 有效值

值	说明
switch	切换样式
checkbox	复选框样式

百度小程序switch组件的属性一览百度小程序开关选择器常见样式代码

<view class="wrap">
<view class="card-area">
<view class="top-description border-bottom">设置checkbox样式</view>
<switch class="init-switch" type="checkbox" checked></switch>
<text class="switch-text">已开启</text>
<switch class="init-switch-after" type="checkbox"></switch>
<text class="switch-text">已关闭</text>
</view>
</view>

百度小程序switch组件的属性一览百度小程序开关选择器常见样式代码

百度小程序switch组件的属性一览百度小程序开关选择器常见样式代码

<view class="wrap">
<view class="card-area">
<view class="top-description border-bottom">
<view>包含禁用选项</view>
<view>disabled</view>
</view>
<view class="item-scroll border-bottom block">
<text class="switch-text">已开启</text>
<switch checked color="#C3D1FF" disabled></switch>
</view>
<view class="item-scroll block">
<text class="switch-text">已关闭</text>
<switch disabled></switch>
</view>
</view>
</view>

百度小程序switch组件的属性一览百度小程序开关选择器常见样式代码

<view class="wrap">
<view class="card-area">
<view class="top-description border-bottom">
<view>自定义颜色</view>
<view>color="#00BC89"</view>
</view>
<view class="item-scroll border-bottom block">
<text class="switch-text">已开启</text>
<switch checked color="#00BC89"></switch>
</view>
<view class="item-scroll block">
<text class="switch-text">已关闭</text>
<switch color="#00BC89"></switch>
</view>
</view>
</view>

百度小程序switch组件的属性一览百度小程序开关选择器常见样式代码

PS：switch 类型切换时在 iOS 自带振动反馈，可在“系统设置 -> 声音与触感 -> 系统触感反馈”中关闭。

百度小程序switch组件的属性一览 百度小程序开关选择器常见样式代码

百度小程序switch组件的属性一览百度小程序开关选择器常见样式代码