评论

纵向 slider

纵向slider wxs事件

因为官方的 slider 只有横向的,所以按照官方的slider写了个纵向的,用 wxs 处理的事件(出了这么久了,却没有怎么用过。。)。代码片段如下

https://developers.weixin.qq.com/s/L19HIBmN7PaD

没什么难点,本来想着几行就写完了。。意料之外的多了些代码。。主要有几点想吐槽的

  • wxs 里的getState是用来存公共临时变量的。为什么不直接在 wxs里定义一个变量呢?因为如果有多个组件的话,这些变量会共享。另外还要注意下面的情况
 var state = getState()
 state.value = 1 // 正确
 state = {value: 1} // 错误
  • 点击事件是加到线条上的,线条本身太窄了,加了padding扩大点。另外,头尾两个位置应该是用户最常用的点击,但是却不怎么好点到,甚至根本点不到,所以在两头各加了2个view来直接设置最大最小值。
  • 想点着圆点滑动的时候,偶尔会点到滚动条上,结果造成页面滑动,所以在最外面加了 touchmove 绑定了空方法。
  • 为什么这个组件需要有 show-value 的配置。。感觉特别鸡肋。。

早先发到群里的那一版不太好,没优化,而且value的设置忘了减去 min了。。哈哈哈。。抱歉。。

最后一次编辑于  08-13  
点赞 7
收藏
评论

10 个评论

  • aholy.cium
    aholy.cium
    08-14

    顶起来。666 一大波粉丝来了

    08-14
    赞同 3
    回复
  • Riom
    Riom
    08-14

    666,路转粉

    08-14
    赞同 2
    回复 9
    • 卢霄霄
      卢霄霄
      08-14
      在线改bug。。
      08-14
      回复
    • Riom
      Riom
      08-19回复卢霄霄
      霄霄大佬,那个滑动的圆圈图标,可以自定义吗
      08-19
      回复
    • 卢霄霄
      卢霄霄
      08-19回复Riom
      你去代码里看啊。。我是用的个view。。你换成你想放的东西就行啦~ 图片也可以的呀。不影响事件
      08-19
      回复
    • Riom
      Riom
      08-20回复卢霄霄
      好的,长官!
      08-20
      回复
    • Riom
      Riom
      08-21回复卢霄霄
      霄霄大佬,小程序可以调用用C语言写的方法吗
      08-21
      回复
    查看更多(4)
  • 谋生.
    谋生.
    08-22

    楼主牛逼

    08-22
    赞同 1
    回复
  • 칡길릭
    칡길릭
    11-11

    上面的链接点击后怎么无法打开开发者工具呢,我手动打开也没啥用

    11-11
    赞同
    回复 2
    • 卢霄霄
      卢霄霄
      11-12
      是不是开发者工具版本太低了。。
      11-12
      回复
    • 칡길릭
      칡길릭
      11-13回复卢霄霄
      果然是,更新到最新版本就好了。
      11-13
      回复
  • GinGao
    GinGao
    08-15
    给你个大大大大的赞👏👏👏👏👏
    08-15
    赞同
    回复
  • GinGao
    GinGao
    08-15
    谢谢你!解决了我项目中的难题,
    08-15
    赞同
    回复
  • GinGao
    GinGao
    08-15
    谢谢你!解决了我项目中的难题,
    08-15
    赞同
    回复 1
    • 卢霄霄
      卢霄霄
      08-16
      不客气昂~
      08-16
      回复
  • 柠檬茶
    柠檬茶
    08-14

    哈哈哈你好棒

    08-14
    赞同
    回复 1
    • 卢霄霄
      卢霄霄
      08-14
      诶嘿嘿
      08-14
      回复
  • 😱ི
    😱ི
    08-14

    也是个人才,有没有时间把左滑删除的也写成 wxs 的

    08-14
    赞同
    回复 4
    • 卢霄霄
      卢霄霄
      08-14
      哈哈哈哈 你自己写~
      08-14
      回复
    • 😱ི
      😱ི
      08-14回复卢霄霄
      太冷清了,没动力发表技术
      08-14
      回复
    • 卢霄霄
      卢霄霄
      08-14回复😱ི
      一般回来社区的,除了我这种闲的蛋疼的,多半都是有啥问题的,然后问了就走了。。很少会沉淀点什么
      08-14
      回复
    • 😱ི
      😱ི
      08-14回复卢霄霄
      高处不胜寒
      08-14
      回复
  • 拾忆
    拾忆
    08-14

    666

    08-14
    赞同
    回复 3
    • 卢霄霄
      卢霄霄
      08-14
      bug不被发现就不能称之为bug
      08-14
      回复
    • 拾忆
      拾忆
      08-14回复卢霄霄

      哈哈,说得对

      08-14
      回复
    • aholy.cium
      aholy.cium
      08-14回复卢霄霄
      能自己发现的就不叫bug,哈哈
      08-14
      回复