项目结构与配置文件

核心目录结构

project/
├── uniCloud/           # 云开发相关
├── components/         # 公共组件
├── pages/              # 页面目录
│   ├── index/          # 首页
│   └── detail/         # 详情页
├── static/             # 静态资源（不编译）
├── store/              # Vuex状态管理
├── utils/              # 工具函数
├── App.vue             # 应用入口组件
├── main.js             # Vue初始化
├── manifest.json       # 应用配置
├── pages.json          # 页面路由配置
└── uni.scss            # 全局样式变量

关键配置文件解析

1. manifest.json：应用配置

{
  "name": "应用名称",
  "appid": "__UNI__XXXX",
  "versionName": "1.0.0",
  "versionCode": 100,
  "app-plus": {
    "navigationBar": {
      "backgroundColor": "#FFFFFF"
    }
  },
  "mp-weixin": {
    "appid": "wx123456789",
    "setting": {
      "urlCheck": false
    }
  }
}

2. pages.json：页面配置

{
  "globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "UniApp",
    "navigationBarBackgroundColor": "#F8F8F8"
  },
  "tabBar": {
    "color": "#7A7E83",
    "selectedColor": "#3cc51f",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "pagePath": "pages/mine/mine",
        "text": "我的"
      }
    ]
  },
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    }
  ]
}