更新记录
1.0(2023-05-31) 下载此版本
区间范围滑块,双向滑动条在别的基础上加上了气泡显示当前的数值
平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | - | √ | √ | √ | √ |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
双向滑动范围选择器
基于别的插件增加了气泡显示当前数值 如遇问题请**咨询,请勿随意差评,感谢您的理解。
咨询与售后
- 作者:
- 如您已购买本插件,可***获得技术、部署与上架指导,技术指导不限于本插件
- 承接各类软件定制开发业务
使用文档
导入后
<cj-slider v-model="priceValue" :min="0" :max="60" :step="1" :blockWidth="40"
@start="blockStart" @moving="blockMoving" @end="blockEnd" />
<script>
import cjSlider from '@/components/jxs-slider/jxs-slider.vue'
export default {
components: { cjSlider },
data() {
return {
priceValue: [18, 40] // 可以指定默认值
};
},
methods:{
blockStart() {
// console.log('滑动触发')
},
blockMoving() {
console.log('正在滑动中',this.priceValue)
},
blockEnd() {
console.log('滑动结束',this.priceValue)
}
}
}
</script>

收藏人数:
下载插件并导入HBuilderX
赞赏(2)
下载 1113
赞赏 2
下载 10944359
赞赏 1800
赞赏
京公网安备:11010802035340号