打开小程序的基本框架包含 app.js app.json app.wxss, 还有pages 和 utils ,另外自己加入了images文件夹;
1 app.js
App() //函数用来注册一个小程序, 接受object,其中onLaunch()会在打开应用时执行
onLaunch() //初始化完成时执行,只执行一次
onShow() //监听小程序显示,从后台进入前台时触发
onHide() //监听小程序隐藏,从前台进入后台时触发
自定义方法 用this访问
onShow:function(){
console.log("开始显示");
},
onHide:function(){
console.log("开始隐藏");
},
2 app.json 全局配置文件,可以在这里修改文件结构,例如这里加上 "pages/hello/hello",保存之后系统就会生成带有全部文件的hello文件夹
全局配置,配置小程序的窗口颜色,配置导航条样式,配置默认标题等不可以添加任何注释
{
"pages":[//预定义的页面数
"pages/index/index",
"pages/logs/logs",
"pages/mypage/mypage"
],
"window":{// 界面设置
"backgroundTextStyle":"light",// 导航栏样式
"navigationBarBackgroundColor": "#000",
"navigationBarTitleText": "微信",
"navigationBarTextStyle":"white",//导航栏字体颜色
"enablePullDownRefresh":true//是否允许下来刷新
},
"tabBar": {
"color":"#000",
"selectedColor":"#56abe4",
"backgroundColor":"#fff",//底部tarbar背景颜色
"borderStyle":"white",//底部tarbar分割线
"list": [{// 底部tarbar样式
"pagePath": "pages/index/index",
"text": "首页",
"iconPath":"images/latest.png",
"selectedIconPath":"images/lastest_on.png"
}, {
"pagePath": "pages/logs/logs",
"text": "日志",
"iconPath":"images/hotest.png",
"selectedIconPath":"images/hotest_on.png"
}]
},
"networkTimeout":{
"request":30000,
"connectSocket":3000,
"uploadFile":3000,
"downloadFile":3000
},
"debug":true
}
3 app.wxss 这个是全局的css样式如果页面没有定义css文件就默认使用这个样式
