更新记录
0.0.1(2025-03-22) 下载此版本
首次上传
平台兼容性
uni-app x
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | 5.0 | 12 | - | - |
滑块按钮组件使用文档
参数说明
参数名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
buttontext |
String | 按钮文字 | "" |
overtext |
String | 完成文字 | "操作成功" |
imageurl |
String | 滑块图片链接 | "" |
topColor |
String | 进度条颜色 | "#D97200" |
bgColor |
String | 背景色 | "#ff8600" |
handleColor |
String | 滑块背景色 | "#D97200" |
overSilde |
Function | 滑动完成触发的方法 | - |
使用示例
引入组件
在需要使用的页面中引入组件: import markSildeButton from '../../components/mark-silde-button/mark-silde-button.uvue';
<mark-silde-button @overSilde="overoptions" :imageurl="图片地址" :buttontext="按钮">
function overoptions() { uni.showToast({ title: "操作成功", icon: "none" }) }