自学内容网 自学内容网

微信小程序自定义tabbar的实现

首先要实现自定义tabbar,就必须在app.json中设置 "custom"属性为 true。

注意,在设置完此属性之后,原有的tabbar属性将会隐藏,必须在进行下一步操作之后才能显现

第二步:在你的目录树下建立一个名为custom-tab-bar的文件夹,随后右键点击此文件夹,选择新建page选项,并且取名

第三步:在你所创立的custom-tab-bar文件夹下的js文件里,在data下创建一个list数组,随后以对象的形式放你的页面路径

最后在methods方法里面写一个changePath方法,细节如图

随后在wxml页面进行循环渲染即可


原文地址:https://blog.csdn.net/m_i_ss_/article/details/143848794

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!