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

依赖的原生插件

帮助说明 联系方式等

帮助说明

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

联系方式

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

是否仍需要帮助? 请保持联络!
最后更新于 2024/04/19