云端一体集成多端登陆自定义tabar项目模板

更新记录

2.0（2022-09-02）下载此版本

1、可自定义babbar 2、可自由更新图片文件 3、自动增加tabbar上margin-top防止遮挡。

平台兼容性

云端兼容性

阿里云	腾讯云	支付宝云
√	√	×

uni-app

Vue2	Vue3	Chrome	Safari	app-vue	app-nvue	Android	iOS	鸿蒙
√	×	-	-	√	×	-	-	-

微信小程序	支付宝小程序	抖音小程序	百度小程序	快手小程序	京东小程序	鸿蒙元服务	QQ小程序	飞书小程序	快应用-华为	快应用-联盟
√	-	-	-	-	-	-	-	-	-	-

其他

多语言	暗黑模式	宽屏模式
×	×	√

云函数类插件通用教程

使用云函数类插件的前提是：使用HBuilderX 2.9+

基于官方的改良版带凸起自定义tabbar菜单unistar快速开发项目框架

可自定义tabbar菜单，修改数据在components/tabbar/tabbar.vue页面进行修改

菜单数据模型 return { tabbarIndex: 0, tablist: [{ text: "首页", isbulge: false, iconPath: "../../static/tabbar/home.png", selectedIconPath: "../../static/tabbar/homefill.png", pagePath: "/pages/home/home" }, { text: "列表", isbulge: false, iconPath: "../../static/tabbar/we.png", selectedIconPath: "../../static/tabbar/wefill.png", pagePath: "/pages/list/list" }, { text: "加入", isbulge: true,//是滞显示为凸起来的样式 iconPath: "../../static/tabbar/add.png", selectedIconPath: "../../static/tabbar/add.png", pagePath: "/pages/join/join" }, { text: "消息", isbulge: false, iconPath: "../../static/tabbar/message.png", selectedIconPath: "../../static/tabbar/messagefill.png", pagePath: "/pages/messge/messge" }, { text: "我的", isbulge: false, iconPath: "../../static/tabbar/my.png", selectedIconPath: "../../static/tabbar/myfill.png", pagePath: "/pages/ucenter/ucenter" }, ], };

页面引入

index的值为当前页面为第一个菜单，从0开始算。