输出效果

tabBar页面的配置
- 配置pages,相当于vue中的路由,数组的第一项是默认启动页
- 配置tabBar

pages.json
| { |
| "pages": [ |
| { |
| "path": "pages/index/index", |
| "style": { |
| "navigationBarTitleText": "首页" |
| } |
| }, |
| { |
| "path": "pages/my/index", |
| "style": { |
| "navigationBarTitleText": "我的" |
| } |
| } |
| ], |
| "globalStyle": { |
| "navigationBarTextStyle": "black", |
| "navigationBarTitleText": "uni-app", |
| "navigationBarBackgroundColor": "#F8F8F8", |
| "backgroundColor": "#F8F8F8" |
| }, |
| "tabBar": { |
| "list": [ |
| { |
| "pagePath": "pages/index/index", |
| "iconPath": "static/tab/shouyea.png", |
| "selectedIconPath": "static/tab/dingdanb.png", |
| "text": "首页" |
| }, |
| { |
| "pagePath": "pages/my/index", |
| "iconPath": "static/tab/wodea.png", |
| "selectedIconPath": "static/tab/wodeb.png", |
| "text": "我的" |
| } |
| ] |
| } |
| } |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战