animate-unlockButton

animate-unlockButton 滑动解锁

介绍

滑动解锁组件，小巧玲珑、短小精悍。比原生更好用的原生组件，样式美观，简单好用，非常方便集成。

使用方法

import "../components/animate-unlockButton.stml"

代码示例

<animate-unlockButton   
    :blockSize="70"
    :hintGifImage="unlockbg"
    :hintedImage="unlockbgEnd"
    :blockImage="blockbg"
    trailedColor='#C71585'
    @unlocked="unlock">
</animate-unlockButton>

API

props 属性

参数 说明 类型 默认值
blockSize 滑动按钮大小（解锁组件的高度） Number 50.0
hintGifImage 组件的背景图片（GIF图可提醒用户） String -
hintedImage 用户滑动时的背景图片 String -
blockImage 滑动按钮的图片 String -
trailedColor 滑过区域的颜色 String C71585

events 事件

事件名 说明 回调参数
unlocked 滑动到最右侧粗发解锁事件 无

methods 方法

无

依赖的原生模块

无

帮助说明 联系方式等

帮助说明

使用时可替换自定义图片即可

联系方式

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