引入

  1. {
  2. "usingComponents": {
  3. "x-switch": "waft-ui/assembly/switch/switch"
  4. }
  5. }

代码示例

  1. <x-switch checked="{{true}}"></x-switch>
  2. <x-switch checked="{{false}}"></x-switch>

样式展示

截屏2021-08-30 17.24.49.png

API

  • props | 参数 | 说明 | 类型 | 默认值 | | —- | —- | —- | —- | | checked | 初始开关状态 | boolean | false |

  • Events | 事件名 | 说明 | 参数 | | —- | —- | —- | | click | 开关点击事件,返回开关状态status | |