animate-switch

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 方法

依赖的原生模块

帮助说明 联系方式等

帮助说明

联系方式

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