因为官方的 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,路转粉
楼主大佬,请问怎么做出圆形的滑动块呢啊
楼主牛逼
请问大佬,怎么修改滑块的大小以及修改滑块颜色为渐变色啊???
用调试器选中,看看是什么类,对应改就行啦
怎么双向滑块啊
有效果图吗
请问如何改成反向操作?最小值在上面,最大值在下面
今天不在家,明天改给你
你试试呢
不客气,有问题再来
请问,在ios上这个组件显示不全的原因是什么?没有滑条,只有一个圆圈,真机测试上 wx.createSelectorQuery().in(this).select('.slider-container').boundingClientRect这个调用res.height为0,要怎么解决呢?
1、把 wx.createSelectorQuery().in(this) 改成 this.createSelectorQuery()
2、试试把这段代码 setTimeout个1秒来执行
666,请教下大佬这个步长怎么设置为0.1
请问用scroll-view包裹住之后为什么设置width就无效了?从紧凑的很多纵向条变成了只显示一个width:100%纵向条
通过用view包裹单个vertical-slider外面再套scrollview解决了,但是我还是不知道为什么会出现这个问题