优雅实现微信小程序动态tabBar,根据不同用户角色显示不同底部导航-更新版(支持自由组合总数超过5个tabBar菜单)

上传者: shanghai597 | 上传时间: 2024-03-22 11:53:04 | 文件大小: 17KB | 文件类型: ZIP
内容概要: 1、小程序底部的tabBar需要根据不同用户角色显示不同底部导航。 2、使用自定义底部导航custom-tab-bar优雅实现微信小程序动态tabBar。 3、实现自由组合tabBar菜单项目,支持自由组合总数超过5个tabBar菜单。 4、本示例是7个底部导航,分2种权限,权限1显示1,2,3;权限2显示4,5,6,7; 5、你也可以根据自己随便组合显示导航,比如1,3,5;2,4,6,7。 6、修改好权限后,记得要重新编译哦。 7、注意你的不同权限页面里面对应的高亮下标设置,及第一个页面的跳转路径。 适合人群: 1、具备一定编程基础,熟悉小程序开发者。 能学到什么: 1、使用自定义组件,完全接管 tabBar 的渲染。

文件下载

资源详情

[{"title":"( 46 个子文件 17KB ) 优雅实现微信小程序动态tabBar,根据不同用户角色显示不同底部导航-更新版(支持自由组合总数超过5个tabBar菜单)","children":[{"title":"project.private.config.json <span style='color:#111;'> 441B </span>","children":null,"spread":false},{"title":"pages","children":[{"title":"index5.wxss <span style='color:#111;'> 23B </span>","children":null,"spread":false},{"title":"index4.wxss <span style='color:#111;'> 23B </span>","children":null,"spread":false},{"title":"index3.wxss <span style='color:#111;'> 23B </span>","children":null,"spread":false},{"title":"index4.js <span style='color:#111;'> 1.07KB </span>","children":null,"spread":false},{"title":"index6.wxml <span style='color:#111;'> 56B </span>","children":null,"spread":false},{"title":"index3.json <span style='color:#111;'> 29B </span>","children":null,"spread":false},{"title":"index1.json <span style='color:#111;'> 29B </span>","children":null,"spread":false},{"title":"index5.wxml <span style='color:#111;'> 56B </span>","children":null,"spread":false},{"title":"index.wxml <span style='color:#111;'> 56B </span>","children":null,"spread":false},{"title":"index2.wxss <span style='color:#111;'> 23B </span>","children":null,"spread":false},{"title":"index3.wxml <span style='color:#111;'> 58B </span>","children":null,"spread":false},{"title":"index7.js <span style='color:#111;'> 903B </span>","children":null,"spread":false},{"title":"index6.json <span style='color:#111;'> 29B </span>","children":null,"spread":false},{"title":"index7.json <span style='color:#111;'> 29B </span>","children":null,"spread":false},{"title":"index1.wxss <span style='color:#111;'> 23B </span>","children":null,"spread":false},{"title":"index5.json <span style='color:#111;'> 29B </span>","children":null,"spread":false},{"title":"index7.wxss <span style='color:#111;'> 23B </span>","children":null,"spread":false},{"title":"index1.wxml <span style='color:#111;'> 58B </span>","children":null,"spread":false},{"title":"index6.wxss <span style='color:#111;'> 23B </span>","children":null,"spread":false},{"title":"index1.js <span style='color:#111;'> 931B </span>","children":null,"spread":false},{"title":"index2.json <span style='color:#111;'> 29B </span>","children":null,"spread":false},{"title":"index2.js <span style='color:#111;'> 903B </span>","children":null,"spread":false},{"title":"index4.wxml <span style='color:#111;'> 58B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 1.23KB </span>","children":null,"spread":false},{"title":"index2.wxml <span style='color:#111;'> 58B </span>","children":null,"spread":false},{"title":"index.json <span style='color:#111;'> 29B </span>","children":null,"spread":false},{"title":"index4.json <span style='color:#111;'> 29B </span>","children":null,"spread":false},{"title":"index5.js <span style='color:#111;'> 903B </span>","children":null,"spread":false},{"title":"index6.js <span style='color:#111;'> 903B </span>","children":null,"spread":false},{"title":"index.wxss <span style='color:#111;'> 22B </span>","children":null,"spread":false},{"title":"index3.js <span style='color:#111;'> 903B </span>","children":null,"spread":false},{"title":"index7.wxml <span style='color:#111;'> 56B </span>","children":null,"spread":false}],"spread":false},{"title":"app.json <span style='color:#111;'> 1.82KB </span>","children":null,"spread":false},{"title":"project.config.json <span style='color:#111;'> 646B </span>","children":null,"spread":false},{"title":"app.js <span style='color:#111;'> 41B </span>","children":null,"spread":false},{"title":"image","children":[{"title":"icon_component.png <span style='color:#111;'> 653B </span>","children":null,"spread":false},{"title":"icon_component_HL.png <span style='color:#111;'> 688B </span>","children":null,"spread":false},{"title":"icon_API.png <span style='color:#111;'> 1.13KB </span>","children":null,"spread":false},{"title":"icon_API_HL.png <span style='color:#111;'> 1.06KB </span>","children":null,"spread":false}],"spread":true},{"title":"custom-tab-bar","children":[{"title":"index.wxml <span style='color:#111;'> 463B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 279B </span>","children":null,"spread":false},{"title":"index.json <span style='color:#111;'> 23B </span>","children":null,"spread":false},{"title":"index.wxss <span style='color:#111;'> 426B </span>","children":null,"spread":false}],"spread":true},{"title":"utils","children":[{"title":"tab-service.js <span style='color:#111;'> 2.13KB </span>","children":null,"spread":false}],"spread":true},{"title":"app.wxss <span style='color:#111;'> 0B </span>","children":null,"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明