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属性:













