微信小程序学习笔记(一)

1.新添加页面，找到app.json，在pages中加入写的路径会自动生成文件

2.页面跳转方式，传参数：

wx.navigateTo({

url: '../home/home?title=' + app.globalData.userInfo.nickName,

})

url:跳转路径+“？”传参数名字+所传递参数，动态传递参数可以参照以上写法

 

获取页面参数：

onLoad: function (options) {

  this.setData({

      title: options.title

   })

}

3.修改公共导航栏头部：

wx.setNavigationBarTitle({

title: options.title

})

4.添加底部导航栏：

在app.json中加入tabbar:

 

"window":{

"backgroundTextStyle":"light",

"navigationBarBackgroundColor": "#efefef",

"navigationBarTitleText": "WeChat",

"navigationBarTextStyle":"black"

},

"tabBar": {

"list": [

{

"pagePath": "pages/index/index",

"text": "首页"

},{

"pagePath": "pages/home/home",

"text": "主页"

}]

}

 

注意：tabbar放在window下面属于并列

 

color	HexColor	tab 上的文字默认颜色
selectedColor	HexColor	tab 上的文字选中时的颜色
backgroundColor	HexColor	tab 的背景色
borderStyle	String	tabbar上边框的颜色， 仅支持 black/white
success	Function	接口调用成功的回调函数
fail	Function	接口调用失败的回调函数
complete	Function	接口调用结束的回调函数（调用成功、失败都会执行）