home.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. let leftHeight = 0
  2. let rightHeight = 0
  3. let query = null
  4. Page({
  5. /**
  6. * 页面的初始数据
  7. */
  8. data: {
  9. background: ['demo-text-1', 'demo-text-2', 'demo-text-3'],
  10. txtlist: [
  11. '这是第一条公告内容',
  12. '小程序上下滚动效果总结',
  13. '这是一行上下滚动的文字,文字最好短点,超过一行省略'
  14. ],
  15. headerNav: [{
  16. icon: '',
  17. name: '供应商',
  18. path: ''
  19. },
  20. {
  21. icon: '',
  22. name: '采购指南',
  23. path: ''
  24. },
  25. {
  26. icon: '',
  27. name: '收藏',
  28. path: ''
  29. },
  30. {
  31. icon: '',
  32. name: '农事天地',
  33. path: ''
  34. }
  35. ],
  36. category: [{
  37. name: '全部',
  38. id: '1'
  39. },
  40. {
  41. name: '分类',
  42. id: '2'
  43. },
  44. {
  45. name: '分类',
  46. id: '3'
  47. },
  48. {
  49. name: '分类',
  50. id: '4'
  51. },
  52. {
  53. name: '分类',
  54. id: '5'
  55. },
  56. {
  57. name: '分类',
  58. id: '6'
  59. }
  60. ],
  61. currentCategory: '',
  62. list: [],
  63. leftList: [],
  64. rightList: []
  65. },
  66. /**
  67. * 生命周期函数--监听页面加载
  68. */
  69. onLoad (options) {
  70. },
  71. /**
  72. * 生命周期函数--监听页面初次渲染完成
  73. */
  74. onReady () {
  75. },
  76. /**
  77. * 生命周期函数--监听页面显示
  78. */
  79. onShow () {
  80. },
  81. /**
  82. * 生命周期函数--监听页面隐藏
  83. */
  84. onHide () {
  85. },
  86. /**
  87. * 生命周期函数--监听页面卸载
  88. */
  89. onUnload () {
  90. },
  91. /**
  92. * 页面相关事件处理函数--监听用户下拉动作
  93. */
  94. onPullDownRefresh () {
  95. },
  96. /**
  97. * 页面上拉触底事件的处理函数
  98. */
  99. onReachBottom () {
  100. },
  101. /**
  102. * 用户点击右上角分享
  103. */
  104. onShareAppMessage () {
  105. },
  106. async isLeft () {
  107. const {
  108. list,
  109. leftList,
  110. rightList
  111. } = this.data
  112. query = wx.createSelectorQuery()
  113. for (const item of list) {
  114. leftHeight <= rightHeight ? leftList.push(item) : rightList.push(item)
  115. await this.getBoxHeight(leftList, rightList)
  116. }
  117. },
  118. getBoxHeight (leftList, rightList) {
  119. return new Promise((resolve, reject) => {
  120. this.setData({
  121. leftList,
  122. rightList
  123. }, () => {
  124. query.select('.waterfall-left').boundingClientRect()
  125. query.select('.waterfall-right').boundingClientRect()
  126. query.exec((res) => {
  127. leftHeight = res[0].height
  128. rightHeight = res[1].height
  129. resolve()
  130. })
  131. })
  132. })
  133. },
  134. jumpLeavingAMessage () {
  135. wx.navigateTo({
  136. url: '/pages/leavingAMessage/leavingAMessage',
  137. })
  138. }
  139. })