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

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

2.页面跳转方式,传参数:json

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 接口调用结束的回调函数(调用成功、失败都会执行)
 
 

转载于:https://www.cnblogs.com/menghan94/p/10405951.htmlapp