首页 > 微信学院 > 微信公众平台开发 >

微信小程序入门基础(1)—项目结构及app.json

2017-12-08

微信小程序入门基础(1)—项目结构及app json。

一、微信小程序项目基本结构

微信提供了微信小程序专用的开发者工具

必须文件: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的超时时间

相关文章
最新文章
热点推荐