let leftHeight = 0 let rightHeight = 0 let query = null Page({ /** * 页面的初始数据 */ data: { background: ['demo-text-1', 'demo-text-2', 'demo-text-3'], txtlist: [ '这是第一条公告内容', '小程序上下滚动效果总结', '这是一行上下滚动的文字,文字最好短点,超过一行省略' ], headerNav: [ { icon: 'partner@2x.png', name: '供应商', path: 'partner' }, { icon: 'guide@2x.png', name: '采购指南', path: 'guide' }, { icon: 'collection@2x.png', name: '收藏', path: 'collection' }, { icon: 'news.png', name: '农事天地', path: 'news' } ], category: [ { name: '全部', id: '1' }, { name: '分类', id: '2' }, { name: '分类', id: '3' }, { name: '分类', id: '4' }, { name: '分类', id: '5' }, { name: '分类', id: '6' } ], currentCategory: '2', list: [], leftList: [], rightList: [] }, /** * 生命周期函数--监听页面加载 */ onLoad(options) { }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady() { }, /** * 生命周期函数--监听页面显示 */ onShow() { this.getTabBar().init() }, /** * 生命周期函数--监听页面隐藏 */ onHide() { }, /** * 生命周期函数--监听页面卸载 */ onUnload() { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh() { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom() { }, /** * 用户点击右上角分享 */ onShareAppMessage() { }, async isLeft() { const { list, leftList, rightList } = this.data query = wx.createSelectorQuery() for (const item of list) { leftHeight <= rightHeight ? leftList.push(item) : rightList.push(item) await this.getBoxHeight(leftList, rightList) } }, getBoxHeight(leftList, rightList) { return new Promise((resolve, reject) => { this.setData({ leftList, rightList }, () => { query.select('.waterfall-left').boundingClientRect() query.select('.waterfall-right').boundingClientRect() query.exec((res) => { leftHeight = res[0].height rightHeight = res[1].height resolve() }) }) }) }, jumpLeavingAMessage() { wx.navigateTo({ url: '/pages/leavingAMessage/leavingAMessage' }) }, handleNav(e) { const { item } = e.currentTarget.dataset if (Object.prototype.toString.call(item) === '[object Object]' && item.path) { const path = item.path if (path === 'news' || path === 'partner') { wx.switchTab({ url: `/pages/${path}/${path}` }) return } wx.navigateTo({ url: `/pages/${path}/${path}` }) } }, openMarketing(e) { const { page } = e.currentTarget.dataset wx.navigateTo({ url: `/pages/${page}/${page}` }) } })