评论

自适应 tabBar 组件 不是底部的哦

2019-04-17
3994浏览
9评论

自适应 tabBar

https://developers.weixin.qq.com/s/47VZSGmR7Q7w

这是代码片段链接

项目中有好多地方都需要用到 navbar ，一个项目中重复的使用同一段代码感觉很烦人，所以就自己写了一个，适合 2-4 个 tab，【支持多个】多个的话稍微修改一下布局就可以了

━((′д｀)爻(′д｀))━!!!-图片传不上去

大家可以 打开代码链接看一下

如果感觉写的还凑合的 帮忙点个赞！

有什么可以改进的也可以 在下方评论

点赞 9
收藏
评论

9 个评论

  • 薛～巍
    薛～巍
    2019-04-17

    第一次分享，大家多多支持

    2019-04-17
    赞同 2
    回复
  • 风吹屁屁凉
    风吹屁屁凉
    2019-04-26

    不错/。

    2019-04-26
    赞同 1
    回复
  • 
    
    2019-04-19

    人工手动回复支持一下

    2019-04-19
    赞同 1
    回复
  • clk凯🐯
    clk凯🐯
    2019-04-19

    挺好，谢谢楼主

    2019-04-19
    赞同 1
    回复
  • 薛～巍
    薛～巍
    2019-04-17

    对了，朋友们要在组件外面给个 view 然后 给这个view position:sticky 属性 ,写成组件之后，在页面属性不生效

    2019-04-17
    赞同 1
    回复
  • 薛～巍
    薛～巍
    2019-04-17

    对了在这里 我用了 position：sticky 粘性布局这是好东西哦，不需要的可以注释掉，可以百度一下

    2019-04-17
    赞同 1
    回复 2
    • 沫笺
      沫笺
      2019-04-18

       position：sticky 手机移动兼容性好吗

      2019-04-18
      赞
      回复
    • 薛～巍
      薛～巍
      2019-04-19

      我在手机上试着挺好的，你也可以试试，


      2019-04-19
      赞
      回复
  • 2019-09-04

    做了下完善，改成置底的，

    一个置底的navBar? - 微信开放社区 https://developers.weixin.qq.com/community/develop/article/doc/0008c28a3284b8a1b11936af15b413

    2019-09-04
    赞同
    回复
  • 2019-04-22

    还不错，支持一下。

    2019-04-22
    赞同
    回复
  • Narney
    Narney
    2019-04-17

    记得position：sticky在真机上兼容并不是很好， 这个有处理吗

    2019-04-17
    赞同
    回复 5
    • 薛～巍
      薛～巍
      2019-04-17

      我试了一些手机，兼容性还不错，可能在浏览器上不是很好吧


      2019-04-17
      赞
      回复
    • Narney
      Narney
      2019-04-17

      当时也想用这个样式， 但后来发现部分手机不兼容， 就放弃了

      2019-04-17
      赞
      回复
    • 薛～巍
      薛～巍
      2019-04-17

      用 onPageScroll  去监听然后改变position也能实现，但是稍微有些卡顿

      2019-04-17
      赞
      回复
    • 2019-04-17回复Narney

      不兼容？

      2019-04-17
      赞
      回复
    • 薛～巍
      薛～巍
      2019-04-19回复

      是position：sticky 有可能不兼容，如果你不需要可以去掉，但是组件是没有问题的哦

      2019-04-19
      赞
      回复
请 登录 后发表内容
作者介绍

文章标签
tabBartabs