微信小程序学习之架构分析

---恢复内容开始---

微信小程序目录结构：

主目录(项目描述文件) 包含三个文件：

　　1、主逻辑文件：app.js  (不能少)

　　2、主配置文件：app.json  (不能少)

　　3、主样式表：app.wxss(可有可无，有的话设置的样式在其他页面可以共享)

子目录(页面描述文件) 包含四个文件：

　　1、页面逻辑文件：index.js

　　2、页面结构文件：index.wxml

　　3、页面样式表： index.wxss

　　4、页面配置文件：index.json

子目录(资源文件)

下面介绍配置页面详解

app.json：

　　内容如下

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  },
  "tabBar":{
    "color": "#dddddd",
    "selectedColor": "#3cc51f",
    "borderStyle": "black",
    "list":[{
      "pagePath": "page/component/index",
      "iconPath": "image/icon_component.png",
      "selectedIconPath": "image/icon_component_HL.png",
      "text": "组件"
    },{
      "pagePath": "page/component/index",
      "iconPath": "image/icon_component.png",
      "selectedIconPath": "image/icon_component_HL.png",
      "text": "接口"
    }]
  },
  "networkTimeout":{
    "request": 10000,
    "downloadFile": 10000,
    "debug": true
  }
}

　　pages: 定义小程序中用到的页面，为一个数组，每个数组表示的是页面的路径，

　　　　注： 使用到的页面都要在这里配置

　　windows: 定义窗口的表现形式

　　tabBar： 配置小程序底部的tab栏