小程序交流群:528215729,加入和小伙伴们一起探讨开发疑难、运营idea吧

admin

admin

发表于 2018-05-13 14:11:03

摘要:小程序初接触3 (微信小程序开发 - 微信 小程序外包开发-微信小程序 开发教程-微信小程序开发者社区,尽在 www.mntuku.cn)

微信小程序配置详情

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.直接用标签包裹



文章1

logs.js接受js

onLoad:function(options){

  this.setData({articleId:options.id}

}

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

12阅读 | 0评论
你的回应