探索、思考、创造、分享

数据驱动、坚持为客户提供有价值的服务和内容

当前位置：首页>小程序资讯
微信小程序底部实现自定义动态Tabbar
来源：南京小程序开发 发布时间：2023-08-17点击：106

多图警告！！！

最近在工作中遇到这样一个需求：微信小程序底部的Tab需要通过判断登录人的角色动态进行改变，想要实现这个功能依靠小程序原生的Tabbar是不可能实现的了，所以研究了一下自定义Tab，这里记录一下

微信小程序的Tab

想要写自定义Tab首先要知道原生Tab该怎么写，新建一个微信小程序运行起来，默认是这个样子的

简单修改一下小程序自带的logs页面，大概是这个样子（通过两个按钮模拟角色，就不写登录了）

<

  • 上一篇：微信小程序自定义navigationBar顶部导航栏，兼容适配所有机型（附完整案例）
  • 下一篇：微信小程序弹窗、轮播图组件功能介绍
    • 版权备注
    最新资讯
    2023-09-22
    个人微信小程序怎么上线使用
    微信小程序 如何申请？我们先了解下小程序开发的步骤流程：第一步，申请小程序账号并认证第二步，开通微信···
    2023-09-22
    电脑登陆微信小程序打不开已经是最新版本
    mac版微信小程序工具打不开微信缓存太多。手机缓存就是数据交换的缓冲区。手机缓存可通过手机管家进行清···
    2023-09-22
    小程序内容怎么打印
    老师在微信发来孩子作业，用打印机怎么操作才可以打印出来？Ⅴ信发来的文档、作业，不是看打印机怎么操作才···
    2023-09-22
    微信电脑版打开小程序黑屏怎么办
    微信电脑客户端打开后黑屏不能动把它卸载了，然后用你的优化软件清理下系统缓存垃圾、注册列表，然后去官网···
    2023-09-22
    微信小程序手机号快速验证组件升级，8 月 26 日起向开发者收费，这一组件能给用户使用带来哪些便利？
    在这里插入图片描述收费说明付费使用在这里插入图片描述手机号快速验证组件
    随机资讯
    2023-09-06
    如何建立自己的订货小程序商城？
    微信小程序自从2017年开发出来以来，基于微信开发的应用越来越多，小程序不用下载安装,这对于微信用户···
    2023-08-18
    微信小程序如何发布上线①
    微信小程序配置1.打开likeshop管理后台-微信-小程序设置。再打开并登录https://mp.···
    2023-09-06
    贵州政务服务云上贵州“多彩宝”APP和“贵人服务”微信小程序安装及注册操作说明
    1.贵州政务服务云上贵州“多彩宝”APP第一步：扫码下载“云上贵州多彩宝”APP，或在各大手机应用市···
    2023-09-22
    你的微信小程序值3000万？别傻了，骗局
    原标题：你的微信小程序值3000万？别傻了，骗局出价500万！馅饼还是陷阱？“有人愿意出500万收购···
    2023-09-04
    微信小程序怎么开小号
    微信小程序咸鱼之王怎么一个微信号开多个小号?在微信小程序中，一个微信号只能绑定开通一个小程序。如果想···
    友情链接： 南京网站建设 南京小程序开发 北京网站建设 网站仿制 深圳小程序开发