小程序的文件结构:
1,主体部分由3个文件组成,必须放在项目的根目录中。
app.js (小程序逻辑)、app.json (小程序)、app.wxss(小程序的公共样式),其中app.js与app.json是必需的。
2,一个页面由4个文件组成。
文件类型:wxml (页面结构)、wxss (页面样式)、json (页面配置)、js (页面逻辑),其中页面结构和页面逻辑是必需的。
小程序的配置:
关于小程序的配置我们使用app.js文件来对微信小程序进行全局配置 ,配置页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。
以下是一个包含了所有配置选项的简单配置app.json
:
{
"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
}
现在我们来说一下app.js配置项都有哪些:
属性 | 类型 | 必填 | 描述 |
---|---|---|---|
pages | String Array | 是 | 设置页面路径 |
window | Object | 否 | 设置默认页面的窗口表现 |
tabBar | Object | 否 | 设置底部 tab 的表现 |
networkTimeout | Object | 否 | 设置网络超时时间 |
debug | Boolean | 否 | 设置是否开启 debug 模式 |