更新记录
1.0.0(2025-08-28)
初版发布
平台兼容性
uni-app(4.07)
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
自定义可滑动进度条组件
简介
- 自定义可滑动进度条组件,支持设置最大值、最小值、数值单位、标注提示、默认进度、滑动步长、自定义更新数值
Example
<template>
<view>
<yijw-movable-progress :max="max" :min="min" :defaultValue="defaultValue" @change="onChange" />
</view>
</template>
<script>
import yijwMovableProgresse from '../../components/yijw-movable-progress/yijw-movable-progress.vue';
export default {
components: {
yijwMovableProgresse
},
data() {
return {
value: 0,
defaultValue: 30,
max: 100, // 最大值
min: 0, // 最小值
};
},
methods: {
onChange(value) {
console.log(value);
},
}
}
</script>
Props
属性名 |
类型 |
说明 |
默认值 |
min |
Number |
最小值 |
0 |
max |
Number |
最大值 |
0 |
defaultValue |
Number |
默认值 |
0 |
step |
Number |
步长(每次滑动最小距离) |
1 |
disabled |
Boolean |
是否禁用拖拽 |
false |
delay |
Number |
进度条动画时间(单位s) |
0 |
showTxt |
Boolean |
是否展示标注 |
true |
unit |
String |
单位 |
|
Events
函数名 |
参数 |
返回值 |
说明 |
onChange |
无 |
返回当前的数值 |
拖拽停止时触发 |
updateValue |
value |
无 |
更新进度条的值 |