更新记录
1.0(2023-05-31) 下载此版本
区间范围滑块,双向滑动条在别的基础上加上了气泡显示当前的数值
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | √ | √ | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
双向滑动范围选择器
基于别的插件增加了气泡显示当前数值 如遇问题请加作者QQ2981739544咨询,请勿随意差评,感谢您的理解。
咨询与售后
- 作者QQ:2981739544
- 如您已购买本插件,可加入售后服务群获得技术、部署与上架指导,技术指导不限于本插件
- 承接各类软件定制开发业务
使用文档
导入后
<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>