主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
微信小程序底部导航栏如何自定义?下面这篇文章为大家介绍了自定义底部导航栏的具体实现方法,希望对大家有所帮助!
介绍colorui访问这个网站,下载colorui组件库。
下载完成后,将demo文件夹中的colorui文件夹放到你的applet项目中。
设置引入线
@进口& amp#39;color ui/main . wxss & amp;#39;;@进口& amp#39;color ui/icon . wxss & amp;#39;;@进口& amp#39;color ui/animation . wxss & amp;#39;;将上面的代码放入app.wxss文件中(上面的代码路径根据你的实际路径填写)。
colorui的引入是成功的。我这里用的是colorui的样式组件,但是其他的东西也是一样,或者我可以自己写底部导航栏的样式。
创建自定义底部导航条组件我们先创建一个自定义组件文件夹**custom-tab-bar,* *记住,自定义底部导航条的文件夹名必须是这个,不能改成别的,否则小程序不会识别。
然后我们在Pages下创建两个页面(home,my),作为导航栏的两个切换页面。
App.json文件设置不使用小程序的默认导航栏设置,所以需要在app.json文件中将tabBar的custom属性设置为true。
具体代码如下:
"tabBar & quot:{ & quot自定义& quot:true,& quot列表& quot:
更多编程相关知识,请访问:编程视频!!
这几篇文章你可能也喜欢:
本文由主机参考刊发,转载请注明:教你如何自定义微信小程序的底部导航栏(如何给微信小程序添加底部导航) https://zhujicankao.com/111823.html
评论前必须登录!
注册