微信小程序(底部导航的实现)

Posted 阿狸王国

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序(底部导航的实现)相关的知识,希望对你有一定的参考价值。

详情请看官方文档介绍:

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html

 

 

在根目录配置文件app.json中配置底部导航:

注意:

tabBarlist是一个数组,最少配置2个,最多5tabtab按数组的顺序排序。

tabBar配置属性说明:

color:tab上文字默认的颜色

selectedColor:文字选中时的颜色

backgroundColor:tab背景色

……

position:可选值bottom,top,需要注意的是:当position为top时,icon将不会显示。

 

以上是关于微信小程序(底部导航的实现)的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序[电商]-Tabbar 实现底部导航栏

微信小程序之如何自定义底部tabbar导航(转)

微信小程序(底部导航的实现)

微信小程序底部导航图标如何设置大小

微信小程序 自定义底部导航

小程序自定义底部导航缓存