评论

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

2019-09-09
3817浏览
5评论

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

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

主要实现了：

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

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

	scroll-into-view

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

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

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

5 个评论

  • 刘高艺
    刘高艺
    2020-11-18

    性能确实是个问题，

    2020-11-18
    赞同
    回复
  • 2019-10-28

    有没有源码


    2019-10-28
    赞同
    回复 4
  • 2019-10-28

    有没有源码


    2019-10-28
    赞同
    回复
  • 2019-09-27

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

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

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

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

文章标签
aotoo框架城市选择器saui