根据用户权限进入小程序显示的底部导航不一样

最新推荐文章于 2023-02-05 18:04:12 发布

努力站桩的奶酪呦

最新推荐文章于 2023-02-05 18:04:12 发布

阅读量247

点赞数

文章标签：小程序微信小程序前端

本文链接：https://blog.csdn.net/liuli0927/article/details/128490813

版权

本文介绍了如何在微信小程序中根据用户权限动态显示不同的底部导航。通过在根目录创建导航文件，并在index.js中编写逻辑，结合index.json、index.wxml和index.wxss的设置，以及在main.js和相关页面中的处理，实现权限判断和导航显示的个性化。

摘要由CSDN通过智能技术生成

1.在根目录下创建一个底部导航的文件

2.在底部导航的index.js文件中写入逻辑：

Component({
	/**
	 * 组件的初始数据
	 */
	data: {
		selected: 0,
		color: "#00152B",
		selectedColor: "#0053A9",
		list: [],
	},
	lifetimes: {
	ready: function() {
		// 页面被展示
        //网格员
		const grid = [{
				pagePath: "/pages/grid/home",
				iconPath: "/static/tabbar/gongzuotai.png",
				selectedIconPath: "/static/tabbar/gongzuotai_active.png",
				text: "工作台",
			},
			{
				pagePath: "/pages/personal-center/personal-center",
				iconPath: "/static/tabbar/gerenzhongxin.png",
				selectedIconPath: "/static/tabbar/gerenzhongxin_active.png",
				text: "个人中心",
			},
		];
        //    工作人员
		const government = [{
				pagePath: "/pages/government/home",
				iconPath: "/static/t