微信小程序底部tab配置
效果图:
1.在app.json里头添加
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | "tabBar" : { "color" : "#bfbfbf" , "selectedColor" : "#1196db" , "list" : [ { "text" : "首页" , "iconPath" : "image/home1.png" , "selectedIconPath" : "image/home2.png" , "pagePath" : "pages/page1/page1" }, { "text" : "页面2" , "iconPath" : "image/icon_cloud.png" , "selectedIconPath" : "image/icon_cloud_HL.png" , "pagePath" : "pages/page2/page2" }, { "text" : "页面3" , "iconPath" : "image/icon_API.png" , "selectedIconPath" : "image/icon_API_HL.png" , "pagePath" : "pages/page3/page3" } ] }, |
2.根目录里面建image文件加图片(可在iconfont里头下图标图片)
注:建议配合vant weapp开发,他们样式好看而且没啥坑
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步