微信小程序—自定义tabber

上集回顾:因为之前说过我们公司的登录流程,菜单的显示是根据不同的用户角色显示不同的,所以不能像小程序api提供的直接配置固定的菜单;

微信api全局配置:https://developers.weixin.qq.com/miniprogram/dev/framework/config.html

微信小程序—自定义tabber_第1张图片

1. 先建文件,见图

关于模块wxs/templates

微信小程序—自定义tabber_第2张图片

2. 代码如下

-----table.js

var app = getApp();

 

Page({

data: {

tabbar: {}

},

onLoad: function (options) {

// 页面初始化 options为页面跳转所带来的参数

app.editTabBar();

},

onReady: function () {

// 页面渲染完成

},

onShow: function () {

// 页面显示

},

onHide: function () {

// 页面隐藏

},

onUnload: function () {

// 页面关闭

}

})

 -----table.wxml