AppJsonTabbar

  • 全局配置之 tabbar 处理

使用示例

  1. useReducer({
  2. AppJsonTabbar (node, store) {
  3. if (node.body.tabbar) {
  4. node.body.tabbar.list = [];
  5. }
  6. }
  7. })

编译结果示例

  • 编译前
  1. {
  2. "tabBar": {
  3. "color": "#7A7E83",
  4. "selectedColor": "#3cc51f",
  5. "borderStyle": "black",
  6. "backgroundColor": "#ffffff",
  7. "list": [
  8. {
  9. "pagePath": "page/component/index",
  10. "iconPath": "image/icon_component.png",
  11. "selectedIconPath": "image/icon_component_HL.png",
  12. "text": "组件"
  13. },
  14. {
  15. "pagePath": "page/weui/example/index",
  16. "iconPath": "image/icon_component.png",
  17. "selectedIconPath": "image/icon_component_HL.png",
  18. "text": "扩展组件"
  19. },
  20. {
  21. "pagePath": "page/API/index",
  22. "iconPath": "image/icon_API.png",
  23. "selectedIconPath": "image/icon_API_HL.png",
  24. "text": "接口"
  25. },
  26. {
  27. "pagePath": "page/cloud/index",
  28. "iconPath": "image/icon_cloud.png",
  29. "selectedIconPath": "image/icon_cloud_HL.png",
  30. "text": "云开发"
  31. }
  32. ]
  33. }
  34. }
  • 编译后
  1. {
  2. "tabBar": {
  3. "selectedColor": "#3cc51f",
  4. "borderStyle": "black",
  5. "backgroundColor": "#ffffff",
  6. "textColor": "#7A7E83"
  7. }
  8. }