uni-app框架中pages.json的配置

布满荆棘的人生 2022-01-29 06:47 680阅读 0赞

<table> 
 <tbody> 
  <tr> 
   <td>属性</td> 
   <td>类型</td> 
   <td>必填</td> 
   <td>描述</td> 
  </tr> 
  <tr> 
   <td>globalStyle</td> 
   <td>Object</td> 
   <td>否</td> 
   <td>设置默认页面的窗口表现</td> 
  </tr> 
  <tr> 
   <td> <p>pages</p> </td> 
   <td>Object Ayyay</td> 
   <td>是</td> 
   <td>设置页面路径及窗口表现</td> 
  </tr> 
  <tr> 
   <td>tabBar</td> 
   <td>Object</td> 
   <td>否</td> 
   <td>设置底部tab表现</td> 
  </tr> 
  <tr> 
   <td>condition</td> 
   <td>Object</td> 
   <td>否</td> 
   <td>启动模式配置</td> 
  </tr> 
 </tbody> 
</table>

以下是包含了所有配置选项的pages.json：

{
       //pages数组中第一项代表启动页
        "pages": [{
            "path": "pages/component/index",
            "style": {
                "navigationBarTitleText": "组件"
            }
        }, {
            "path": "pages/API/index",
            "style": {
                "navigationBarTitleText": "接口"
            }
        }
        }],
        "condition": { //模式配置，仅开发期间生效
            "current": 0, //当前激活的模式（list 的索引项）
            "list": [{
                "name": "test", //模式名称
                "path": "pages/component/view/index" //启动页面，必选
            }]
        },
        "globalStyle": {
            "navigationBarTextStyle": "black",
            "navigationBarTitleText": "演示",
            "navigationBarBackgroundColor": "#F8F8F8",
            "backgroundColor": "#F8F8F8",
            "usingComponents":{
                "collapse-tree-item":"/components/collapse-tree-item"
            }
        },
        "tabBar": {
            "color": "#7A7E83",
            "selectedColor": "#3cc51f",
            "borderStyle": "black",
            "backgroundColor": "#ffffff",
            //导航
            "list": [{
                "pagePath": "pages/component/index",
                "iconPath": "static/image/icon_component.png",
                "selectedIconPath": "static/image/icon_component_HL.png",
                "text": "组件"
            }, {
                "pagePath": "pages/API/index",
                "iconPath": "static/image/icon_API.png",
                "selectedIconPath": "static/image/icon_API_HL.png",
                "text": "接口"
            }]
        }
    }