app.wxss文件,为整个应用的样式配置文件。在这里配置的样式,可供所有页面共用,而且不用任何操作。真好,微信产品经理,总算做了一件让程序员省心的事了。
一说到省心,你就开心,一开心,便忘乎所以,忘记还有app.js和app.json未被提及。这两个家伙,可是很重要的角色。
app.js,是一名有着一夫当关万夫莫开本事的土匪。若要进到页面,得先过app.js这一关,此路是他开此树是他栽,要想从此过,脱下裤子来。
就是说,全局的内容,全局变量和全局的业务逻辑,在这里实现。至于全局的配置,请移步到app.json文件中。
//app.js
App({
onLaunch: function () {
// 展示本地存储能力
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
},
globalData: {
userInfo: null
}
})
2.4 app.json文件
app.json文件,对整个应用进行配置的配置文件。在这,可配置统一风格的窗口(window)风格,包括页面的标题栏背景色,标题(这个不太可能),标题颜色;
可配置且必须配置的页面路径(pages);可配置全局切换标签,可配置定位等权限声明和授权提示信息,可引入第3方插件。
可,可,可,渴就喝水去。
{
"pages": [
"pages/index/index",
"pages/logs/logs"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"permission": {
"scope.userLocation": {
"desc": "请授予位置服务权限,以便更好的吃饭"
}
},
"tabBar": {
"borderStyle": "black",
"backgroundColor": "#ffffff",
"color": "#1b1b1b",
"selectedColor": "#2b2b2b",
"list": [
{
"iconPath": "images/about.png",
"selectedIconPath": "images/about_p.png",
"pagePath": "pages/about/index",
"text": "关于"
},
{
"iconPath": "images/my.png",
"selectedIconPath": "images/my_p.png",
"pagePath": "pages/my/index",
"text": "我的"
}
]
},
"sitemapLocation": "sitemap.json"
}
等等,听我讲了大半天,是不是感觉少了点什么,没错,少了给我发红包了。少了讲开发工具生成的源代码了,少了怼微信产品经理了。
好吧,那我就再怼一句,微信的小程序的产品经理,你们生成的代码,我看不懂,也不想看,下一节,我就统统把它们删掉。