因为官方的 slider 只有横向的,所以按照官方的slider写了个纵向的,用 wxs 处理的事件(出了这么久了,却没有怎么用过。。)。代码片段如下
没什么难点,本来想着几行就写完了。。意料之外的多了些代码。。主要有几点想吐槽的
- wxs 里的getState是用来存公共临时变量的。为什么不直接在 wxs里定义一个变量呢?因为如果有多个组件的话,这些变量会共享。另外还要注意下面的情况
var state = getState()
state.value = 1 // 正确
state = {value: 1} // 错误
- 点击事件是加到线条上的,线条本身太窄了,加了padding扩大点。另外,头尾两个位置应该是用户最常用的点击,但是却不怎么好点到,甚至根本点不到,所以在两头各加了2个view来直接设置最大最小值。
- 想点着圆点滑动的时候,偶尔会点到滚动条上,结果造成页面滑动,所以在最外面加了 touchmove 绑定了空方法。
- 为什么这个组件需要有 show-value 的配置。。感觉特别鸡肋。。
早先发到群里的那一版不太好,没优化,而且value的设置忘了减去 min了。。哈哈哈。。抱歉。。
顶起来。666 一大波粉丝来了
666,路转粉
楼主大佬,请问怎么做出圆形的滑动块呢啊
楼主牛逼
博主
这个手机竖屏的时候没问题
横屏的时候就有问题了
拖动圆圈总是比手势快
手势刚到一般
圆圈就已经到顶部了
今天空了我看看吧
你把手机横屏就懂了
就是说手按住的那个圆圈没有同步
比如往顶部滑动
圆圈总是先到达顶部
一开始圆圈在滑轨的中间
手还没滑到顶部
但是圆圈已经到顶部了
并且值也是最大值了
要在手机上操作
在开发工具中没有问题
css单位能不能改成rpx
请问大佬,怎么修改滑块的大小以及修改滑块颜色为渐变色啊???
用调试器选中,看看是什么类,对应改就行啦
怎么双向滑块啊
有效果图吗
请问如何改成反向操作?最小值在上面,最大值在下面
今天不在家,明天改给你
你试试呢
不客气,有问题再来
请问,在ios上这个组件显示不全的原因是什么?没有滑条,只有一个圆圈,真机测试上 wx.createSelectorQuery().in(this).select('.slider-container').boundingClientRect这个调用res.height为0,要怎么解决呢?
1、把 wx.createSelectorQuery().in(this) 改成 this.createSelectorQuery()
2、试试把这段代码 setTimeout个1秒来执行