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

[Asm] 纯文本查看 复制代码

"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全局组件
插件不知有没现成的反正我当时做的时候是自己写的

帐号		自动登录	找回密码
密码			注册[Register]

[已解决] uniapp自定义底部导航栏问题