微信小程序入门基础(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的超时时间

你可能感兴趣的:(JavaScript,html5,web前端,微信,微信小程序)