navbar.js 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. const App = getApp();
  2. Component({
  3. // 组件的属性列表
  4. properties: {
  5. pageName: String, //中间的title
  6. imgUrl:String,
  7. showNav: { //判断是否显示左上角的按钮
  8. type: Boolean,
  9. value: true
  10. },
  11. showHome: { //判断是否显示左上角的home按钮
  12. type: Boolean,
  13. value: true
  14. },
  15. },
  16. // 组件的初始数据
  17. data: {
  18. showNav: true, //判断是否显示左上角的home按钮
  19. showHome: true, //判断是否显示左上角的按钮
  20. },
  21. lifetimes: {
  22. // 生命周期函数,可以为函数,或一个在methods段中定义的方法名
  23. attached: function() {
  24. this.setData({
  25. navHeight: App.globalData.navHeight, //导航栏高度
  26. navTop: App.globalData.navTop, //胶囊按钮与顶部的距离
  27. jnheight: App.globalData.jnheight, //胶囊高度
  28. jnwidth: App.globalData.jnwidth //胶囊宽度
  29. })
  30. }
  31. },
  32. // 组件的方法列表
  33. methods: {
  34. //回退
  35. navBack: function() {
  36. wx.navigateBack()
  37. },
  38. //回主页
  39. navHome: function() {
  40. wx.switchTab({
  41. url: '/pages/index/index'
  42. })
  43. },
  44. }
  45. })