tabbar.js 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. // components/tabbar/tabbar.js
  2. Component({
  3. options: {
  4. styleIsolation: 'apply-shared' // 页面样式影响组件,组件样式不影响页面
  5. },
  6. properties:{
  7. active: { // 属性名
  8. type: Number,
  9. value: 0
  10. },
  11. isScroll: { // 属性名
  12. type: Boolean,
  13. value: false
  14. },
  15. },
  16. /**
  17. * 页面的初始数据
  18. */
  19. data: {
  20. num:0
  21. // active:0,
  22. // isScroll:true,
  23. },
  24. methods:{
  25. handleTab(e){
  26. let url = e.currentTarget.dataset.url
  27. console.log(1111111,url);
  28. wx.switchTab({
  29. url,
  30. })
  31. },
  32. /**
  33. * 回到顶部
  34. */
  35. backToTop: function () {
  36. wx.pageScrollTo({
  37. scrollTop: 0
  38. })
  39. },
  40. },
  41. pageLifetimes: {
  42. show: function() {
  43. // 页面被展示
  44. var app = getApp();
  45. this.setData({
  46. num:app.globalData.totalCartCount
  47. })
  48. },
  49. hide: function() {
  50. // 页面被隐藏
  51. },
  52. resize: function(size) {
  53. // 页面尺寸变化
  54. }
  55. },
  56. /**
  57. * 生命周期函数--监听页面加载
  58. */
  59. onLoad(options) {
  60. },
  61. /**
  62. * 生命周期函数--监听页面初次渲染完成
  63. */
  64. onReady() {
  65. },
  66. /**
  67. * 生命周期函数--监听页面显示
  68. */
  69. onShow() {
  70. },
  71. /**
  72. * 生命周期函数--监听页面隐藏
  73. */
  74. onHide() {
  75. },
  76. /**
  77. * 生命周期函数--监听页面卸载
  78. */
  79. onUnload() {
  80. },
  81. /**
  82. * 页面相关事件处理函数--监听用户下拉动作
  83. */
  84. onPullDownRefresh() {
  85. },
  86. /**
  87. * 页面上拉触底事件的处理函数
  88. */
  89. onReachBottom() {
  90. },
  91. /**
  92. * 用户点击右上角分享
  93. */
  94. onShareAppMessage() {
  95. },
  96. })