小程序页面配置

一个小程序主体部分由三个文件组成，必须放在项目的根目录：
app.js（小程序逻辑）
app.json（小程序公共设置）
app.wxss（）

一个小程序页面由四个文件组成，
js（页面逻辑）
wxml（页面结构）
wxss（页面样式表）
json（页面配置）

解读：



app.js、app.json、app.wxss、这三个是框架。
pages文件夹下的index文件夹和logs文件夹都是页面

修改hello world首页标语
pages文件夹下的index文件夹，index.js页

Page({

data: {

motto: '美少女' ,

userInfo: {},

hasUserInfo: false ,

canIUse: wx.canIUse( 'button.open-type.getUserInfo' )

},

修改motto：

配置文件：



每个新增的页面都需要配置文件路径，否则在导航跳转的时候，不能跳转到该页面。

新增加的页面需要在app.json里面进行配置，文件路径+文件名

"pages" :[

"pages/index/index" ,

"pages/logs/logs"

],

window：

"window" :{

"backgroundTextStyle" : "light" ,

"navigationBarBackgroundColor" : "#000000" ,

"navigationBarTitleText" : "WeCMS" ,

"navigationBarTextStyle" : "white" ,

"backgroundColor" : "#000000" ,

"onReachBottomDistance" : "50px"

}

属性：
 

tabBar：

"tabBar" : {

"color" : "#ffffff" ,

"selectedColor" : "#fea1f0" ,

"backgroundColor" : "#000000" ,

"list" : [

{

"pagePath" : "pages/index/index" ,

"text" : "小仙女"

},

{

"pagePath" : "pages/logs/logs" ,

"text" : "美少女"

}

]

}

tabBar属性：

 
list属性：