一、微信小程序项目基本结构
微信提供了微信小程序专用的开发者工具
必须文件:app.js/ app.json(配置文件) /app.wxss(样式文件)
pages文件夹存放所有页面,每个页面的路径都要在app.json文件中配置,写在pages字段中
每个页面由四个文件构成.js/.json/.wxss/.wxml,放在pages中的一个文件夹下.wxml是页面结构文件
二、app.json文件
app.json配置项如下:
1.page:将所有页面的路径写在其中,不用写文件后缀名。第一条为首页
2.window:设置导航条、状态栏、标题、窗口背景色
navigationBarBackgroundColor 导航栏背景颜色
navigationBarTextStyle 导航栏标题颜色
navigationBarTitleText 导航栏标题文字内容
backgroundColor 窗口的背景色
backgroundTextStyle 下拉背景字体、loading 图的样式(dark/light)
enablePullDownRefresh 是否开启下拉刷新
3.tabBar:配置底部的tab栏
color tab 上的文字默认颜色
selectedColor tab 上的文字选中时的颜色
backgroundColor tab 的背景色
borderStyle tabbar上边框的颜色(black/white)
list tab 的列表
重点的list,其中设置一个数组,数组每个项都是一个对象,对应着一个tab和其对应的页面,配置如下:
pagePathtab 对应的页面文件路径(必须在 pages 中先定义)
text tab 上按钮文字
iconPath tab上的icon路径
selectedIconPath 选中时的icon路径
一个tabBar示例:
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": "首页"
}, {
"pagePath": "pages/logs/logs",
"text": "日志"
}]
}
4.networkTimeout:设置各种微信请求的网络超时时间
request wx.request的超时时间
connectSocket wx.connectSocket的超时时间
uploadFile wx.uploadFile的超时时间
downloadFile wx.downloadFile的超时时间