乐于分享
好东西不私藏

微信小程序app.json-tabBer1底部页面切换

微信小程序app.json-tabBer1底部页面切换

微信小程序app.json-tabBer1底部页面切换

1.tabBer就是手机里下边这行的换页按钮。

2.还是打开app.json,再window这段下边我们开始写程序。

3.先把tabBer写上去。

4.tabBer里边有一个常用属性,就是这个list。

5.list里边也有4个属性,其中第一个pagePath和第二个text是必须要有的。pagePath就是跳转的页面路径,text则是按钮上的文字。第三个是没按时候的图标样式,第四个是按下去后的图标样式。

6.然后我们把tabBer里边的程序写全。我们这里只添加两个页面,一个是index页面另一个是abc页面。这样要注意写的格式,格式错误,保存也无法出现我们下边的按钮。正确后保存,这里就出现两个按钮了。

7.这里选择的预览机型如果太长也有可能看不到,这里没关系往上拉一下就好。如果怕出现这种问题,这里就用iphone6/7/8。

8.点击一下abc这个页面的按钮。我们看到文字其实是变颜色的。

9.找到abc文件夹,在里边找到abc.html这个点开后看到页面显示的文字是这text里边的东西。

10.这里修改一下看看。