评论

小程序横向滚动Tab切换选项卡,使用scroll-view和swiper实现

小程序横向滚动Tab切换选项卡,使用scroll-view和swiper实现

html


js



通过滑动内容切换scroll-view右边看不到的选项卡只需要使用scroll-view的scroll-left=“”就可以了,上面的230为选项卡的长度加上左右的margin,比较简单,就不附带源码链接了

点赞 2
收藏
评论

3 个评论

  • 流年🌻
    流年🌻
    04-08

    感觉小程序组件官方做的太鸡肋!

    04-08
    赞同
    回复
  • iwen
    iwen
    2019-10-31

    如果下边得内容区域宽度超过100%,该怎么实现滑动显示内容,同时还能滑动切换tab呢

    2019-10-31
    赞同
    回复
  • destiny
    destiny
    2019-08-23

    但是这种不能处理下拉刷新和上拉加载的情况吧


    2019-08-23
    赞同
    回复 3
    • 一码平川!
      一码平川!
      2019-08-26
      可以在swiper-item里嵌套scroll-view组件,用bindscrolltoupper,bindscrolltolower监听触发底部实现下拉,上拉刷新
      2019-08-26
      回复
    • destiny
      destiny
      2019-08-26回复一码平川!
      试过这个,下拉刷新的体验不太好
      2019-08-26
      回复
    • 十年雪落i
      十年雪落i
      2019-10-10
      bindscrolltoupper 这个不能做下拉刷新 不好用
      2019-10-10
      1
      回复
登录 后发表内容