1小程序的目录组成

打开小程序的基本框架包含 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文件就默认使用这个样式