/small_lack/article/details/80959278
在一个微信小程序中想要用到两种不同的tabbar样式,需要在app.js中自定义,在页面加载时进行调用。
比如一个小程序需要两个版本(用户版、商家版),并且能通过一个按钮在两个版本间进行切换,可能会用到这种方式。
此处以两个页面(index,logs)显示两种tabbar样式为例,通过切换按钮进行切换。
首先有一个模板文件:tabbar.wxml
{{item.text}}
在app.json中无需定义“tabBar”
在app.js中自定义如下
//app.js
App({
onLaunch: function () {
},
//第一种底部
editTabBar: function () {
//使用getCurrentPages可以获取当前加载中所有的页面对象的一个数组,数组最后一个就是当前页面。
var curPageArr =
getCurrentPages();
//获取加载的页面
var curPage =
curPageArr[curPageArr.length - 1];
//获取当前页面的对象
var pagePath =
curPage.route;
//当前页面url
if
(pagePath.indexOf(/) != 0) {
pagePath =