评论

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

自适应 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
    赞同
    回复
  • 别去明知山
    别去明知山
    2019-04-17

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

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

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


      2019-04-17
      回复
    • 别去明知山
      别去明知山
      2019-04-17

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

      2019-04-17
      回复
    • 薛~巍
      薛~巍
      2019-04-17

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

      2019-04-17
      回复
    • 2019-04-17回复别去明知山

      不兼容?

      2019-04-17
      回复
    • 薛~巍
      薛~巍
      2019-04-19回复

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

      2019-04-19
      回复
登录 后发表内容