小程序页面配置

一个小程序主体部分由三个文件组成,必须放在项目的根目录:
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属性:

图片

猜你喜欢

转载自blog.csdn.net/Abenazhan/article/details/80339303
今日推荐