uniapp自定义底部导航栏问题

天下有道 发表于 2021-12-1 16:59

本帖最后由天下有道于 2021-12-2 09:28 编辑

自定义底部导航栏custom-tab-bar是只在H5生效，那微信小程序有什么控件可以做底部导航栏

我已经找到方法搞定了

ytw6176 发表于 2021-12-1 17:20

都得自己写，没得copy 我一同事亲测

天下有道 发表于 2021-12-1 17:24

ytw6176 发表于 2021-12-1 17:20
都得自己写，没得copy 我一同事亲测

就是说这个底部导航栏小程序没有现成的代码，只能自己绘制？

花不开但要富贵 发表于 2021-12-1 17:58

有吧，插件市场搜“非常漂亮的底部导航”

yongqiangipone 发表于 2021-12-1 17:58

"tabBar": {
   "color": "#7A7E83",
   "selectedColor": "#3cc51f",
   "borderStyle": "black",
   "backgroundColor": "#ffffff",
   "list": [{
         "pagePath": "pages/index/index",
         "iconPath": "static/index/zhuye-1.png",
         "selectedIconPath": "static/index/zhuye.png",
         "text": "首页"
   }, {
         "pagePath": "pages/find/index",
         "iconPath": "static/index/faxian-1.png",
         "selectedIconPath": "static/index/faxian.png",
         "text": "发现"
   }, {
         "pagePath": "pages/message/index",
         "iconPath": "static/index/xiaoxi-1.png",
         "selectedIconPath": "static/index/xiaoxi.png",
         "text": "消息"
   }, {
         "pagePath": "pages/my/index",
         "iconPath": "static/index/gerenzhongxin-1.png",
         "selectedIconPath": "static/index/gerenzhongxin.png",
         "text": "我的"
   }
]
}

原生支持三端为啥不用原生？

AnkhSpirit 发表于 2021-12-1 19:28

官方案例有底部导航栏的，直接抄就行
官方案例用的也是原生

https://github.com/Tencent/weui-wxss/
https://github.com/Tencent/weui

ytw6176 发表于 2021-12-1 20:35

天下有道发表于 2021-12-1 17:24
就是说这个底部导航栏小程序没有现成的代码，只能自己绘制？

他是做uniapp，底部导航栏要做类似抖音那样的中间凸起一块，网上找的demo都不行，最后自己画的

a小杰 发表于 2021-12-1 21:29

把原本的底部导航栏删掉，然后重写个底部导航栏，然后封装成组件，让那几个用到的页面引入即可！

sgvvvv 发表于 2021-12-1 21:55

自己写一个自定义的tabbar全局组件
插件不知有没现成的反正我当时做的时候是自己写的

页: [1]

吾爱破解 - 52pojie.cn's Archiver

uniapp自定义底部导航栏问题