当前位置:   article > 正文

uni-app配置底部导航栏_uniapp配置底部导航

uniapp配置底部导航

直接在page.json中进行配置,四个参数均需要配置,所需要的图片必须

  1. {
  2. "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
  3. {
  4. "path": "pages/index/index",
  5. "style": {
  6. "navigationBarTitleText": "微信"
  7. }
  8. }
  9. ],
  10. "globalStyle": {
  11. "navigationBarTextStyle": "black",//导航栏颜色
  12. "navigationBarTitleText": "仿微信",//导航栏名称
  13. "navigationBarBackgroundColor": "#F8F8F8",
  14. "backgroundColor": "#F8F8F8",
  15. "app-plus":{
  16. // "titleNView":false,//取消原生导航
  17. "scrollIndicator":"none"//取消滚动条
  18. }
  19. },
  20. "tabBar":{
  21. "borderStyle":"black",//边框颜色
  22. "backgroundColor":"#F7F7F7",//背景颜色
  23. "color":"#000000",//默认颜色
  24. "selectedColor":"#07C160",//选中的颜色
  25. "list":[
  26. {
  27. "iconPath":"static/xiaoxi.png",
  28. "selectedIconPath":"static/xiaoxi1.png",
  29. "text":"消息",
  30. "pagePath":"pages/index/index"
  31. },
  32. {
  33. "iconPath":"static/faxian.png",
  34. "selectedIconPath":"static/faxian1.png",
  35. "text":"发现",
  36. "pagePath":"pages/tongxunlu"
  37. },
  38. {
  39. "iconPath":"static/tongxunlu.png",
  40. "selectedIconPath":"static/tongxunlu1.png",
  41. "text":"通讯录",
  42. "pagePath":"pages/faxian"
  43. },
  44. {
  45. "iconPath":"static/wo.png",
  46. "selectedIconPath":"static/wo1.png",
  47. "text":"我",
  48. "pagePath":"pages/wo"
  49. }
  50. ]
  51. }
  52. }

是英文名字。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/103171
推荐阅读
相关标签
  

闽ICP备14008679号