animate-switch

！[图片说明] (/docs/images/C1ient-API/AVM-Components/animate-switch/switch.gif)

animate-switch 带动画效果的开关转换按钮

介绍

带动画效果的开关转换按钮，可自定义选中状态、非选中状态以及滑块儿颜色。用户点击按钮，按钮自动变换自身状态。亦可通过代码改变按钮状态。比原生更好用的原生组件，样式美观，简单好用，非常方便集成。

使用方法

import '../../components/animate-switch.stml'

代码示例

<animate-switch 
    @change="changeSwitch" 
    :turnon="animateSwitchOn" 
    swbgActive="#3CB371" 
    swbgInactive="#696969"
    blockColor="#cfe987"
></animate-switch>

API

props 属性

参数 说明 类型 默认值
turnon 通过代码改变按钮状态 boolean -
swbgActive 活跃状态颜色 string -
swbgInactive 非活跃状态颜色 string -
blockColor 滑块颜色 string -

events 事件

事件名 说明 回调参数
change 按钮改变事件 e.detail (boolean)

methods 方法

无

依赖的原生插件

无

帮助说明 联系方式等

帮助说明

无

联系方式

如果您在使用本组件过程中，遇到任何问题，可在论坛发帖求助。我们会有专业技术人员提供支持。

是否仍需要帮助？ 请保持联络！
最后更新于 2024/11/18