一个小程序主体部分由三个文件组成,必须放在项目的根目录:
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页
修改motto:
配置文件:
每个新增的页面都需要配置文件路径,否则在导航跳转的时候,不能跳转到该页面。
新增加的页面需要在app.json里面进行配置,文件路径+文件名
window:
tabBar:
tabBar属性:
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属性: