实战篇笔记 扫码点餐小程序云开发小程序端（二）

根据设计稿在 pages\页面.vue 文件中写好页面布局和样式，此处不述

pages.json 文件

pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。官网

以下内容摘自文档

配置项列表

属性	类型	必填
globalStyle	Object	否
pages	Object Array	是
easycom	Object	否
tabBar	Object	否
condition	Object	否
subPackages	Object Array	否
preloadRule	Object	否
workers	String	否
leftWindow	Object	否
topWindow	Object	否
rightWindow	Object	否

pages

uni-app 通过 pages 节点配置应用由哪些页面组成，pages 节点接收一个数组，数组每个项都是一个对象，其属性值如下：

属性	类型	描述
path	String	配置页面路径
style	Object	配置页面窗口表现

注意

• pages节点的第一项为应用入口页（即首页）
• 应用中新增/减少页面，都需要对 pages 数组进行修改
• 文件名不需要写后缀，框架会自动寻找路径下的页面资源

代码示例：

开发目录为：

┌─pages               
│  ├─index
│  │  └─index.vue    
│  └─login
│     └─login.vue    
├─static             
├─main.js       
├─App.vue          
├─manifest.json  
└─pages.json         

则需要在 pages.json 中填写

{
    "pages": [
        {
            "path": "pages/index/index", 
            "style": { ... }
        }, {
            "path": "pages/login/login", 
            "style": { ... }
        }
    ]
}