评论

小程序- SaUi 之添加城市选择

左右联动功能~~~仿携程的城市选择器

趁着最近有时间,又搞了个经常会用到的城市选择器起来啦~~
以下是tabs的页面图片

主要实现了:

  1. tab的切换,这里需要注意一个问题,当你滚动一个tab页到某个位置的时候 再切换tab,另一tab的scroll也会定位在那里。所以在点击时,我作了处理。
	scroll-into-view
  1. 滚动时,经过指定的父位置时 会有fixed。这里用到了新的样式类型
	position: sticky;

3.点击右边的菜单,给出了提示框以及左边可以快速,准确的定位到相对的位置,需要注意的事scroll-into-view对应的是id

	scroll-into-view

4.点击右边菜单时,应该给上对应的选中类才是,这里漏了…

以上是携程所有的功能。同时也想添加新的功能,就是滚动左边的列表,同时切换右边的菜单,这里是目前还差的,待更新一版…

最后一次编辑于  09-10  
点赞 3
收藏
评论

4 个评论

  • 四月安
    四月安
    10-28

    有没有源码


    10-28
    赞同
    回复 4
  • 四月安
    四月安
    10-28

    有没有源码


    10-28
    赞同
    回复
  • 怪诞咖啡
    怪诞咖啡
    09-27

    城市分为多个级别,一次不需要全部展示出来,别说3000,就是1000小程序性能消耗也够喝一壶的了

    09-27
    赞同
    回复
  • 少年啦
    少年啦
    09-09

    如果这个页面放三千数据会不会崩了。我们项目精确到县

    09-09
    赞同
    回复 3
    • 🌙
      🌙
      09-09
      哈 没有测试过,所以给不了确切的答案你~~实现这个我们的结构,并不复杂。通过数据直接生成~目前也没用过lazy~~~
      09-09
      回复
    • 少年啦
      少年啦
      09-09回复🌙
      我有个一样的页面 写好了 渲染数据直接闪退 三千多数据 而且也不好做懒加载,因为右侧字母导航栏要切换到指定数据
      09-09
      回复
    • 🌙
      🌙
      09-09回复少年啦
      这个是得用lazy做最好~~~ 右侧的点击不影响点击切换,我现在右侧跟左侧对应是通过id的 ,你可以了解下 scroll-into-view
      09-09
      回复