更新记录
0.0.1(2025-03-22)
下载此版本
首次上传
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-uvue |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
滑块按钮组件使用文档
参数说明
参数名称 |
类型 |
描述 |
默认值 |
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"
})
}