一、文件结构

1.小程序包含一个描述整体程序的app和多个描述各自页面的page。

2.一个小程序主体app由三部分组成，必须放在项目的根目录

3.一个小程序页面由4个文件组成：

为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。

二、配置

app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。

模版实例：

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

1.app.json配置项列表

2.pages

3.window

用于设置小程序的状态栏、导航条、标题、窗口背景色。
eg:

{
  "window":{
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "微信接口功能演示",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
  }
}

4.tabBar

如果小程序是一个多tab应用(底部或顶部有tab栏可以切换页面),可以通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页面。

• 当设置position为top时,将不显示icon;
• tabBar中list是一个数组,min_count = 2，max_count = 5,且按顺序排序;

list接受一个数组,数组种每一项都是一个对象,其对象的属性值：

5.networkTimeout

属性说明：

6.debug

7.page.json

navigationBarBackgroundColor 导航栏背景颜色，如"#000000"
navigationBarTextStyle    导航栏标题颜色，仅支持 black/white
navigationBarTitleText 导航栏标题文字内容
backgroundColor 窗口的背景色
backgroundTextStyle 下拉背景字体、loading 图的样式，仅支持 dark/light
enablePullDownRefresh 是否开启下拉刷新，详见页面相关事件处理函数。
disableScroll     设置为 true 则页面整体不能上下滚动；只在 page.json 中有效，无法在 app.json 中设置该项
onReachBottomDistance    页面上拉触底事件触发时距页面底部距离，单位为px

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "微信接口功能演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}    

参考资料：

1.框架-目录结构

2.配置

赏

谢谢您的鼓励

支付宝

微信