小程序初接触3

微信小程序配置详情

app页面配置

app窗口配置

app的tabBar配置

网络超时配置及debug开启配置

app.json(真实的项目中这个文件是不能出现注释的，否则会报错)

{

　//创建页面
"pages":[
"pages/index/index",
"pages/logs/logs"
],

　//配置窗口显示
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#222",
"navigationBarTitleText": "配置文件",
"navigationBarTextStyle":"#fff"
},

　//配置底部的tab
"tabBar": {
"color":"#ccc",
"borderStyle":"#dfdfdf",
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath":"images/icon1.png",
"selectedIconPath":"images/icon1s.png"
}, {
"pagePath": "pages/logs/logs",
"text": "日志",
"iconPath":"images/icon2.png",
"selectedIconPath":"images/icon2s.png"
}]
},

　//设置网络超时
"networkTimeout": {
"request": 10000,
"downloadFile": 10000
},

　//开启debug

"debug": true

}

小程序的生命周期与app对象使用

跳转新页面

itemClick:function(){

　　wx.navigateTo({

　　　　url:"../login/login"

　　})

}

数据传递

1.通过添加点击事件

index.js发送js

itemClick : function (){
wx.navigateTo({
url:"../logs/logs?id=1"
})

}

logs.js接受js

onLoad:function(options){

　　this.setData({articleId:options.id}

}

2.直接用标签包裹

logs.js接受js

onLoad:function(options){

　　this.setData({articleId:options.id}

}

注意：app.json里面，tabBar里面的地址不能和跳转地址一样，会造成冲突

日常所遇，随手而记。