// packageB/mycomponent/videoList.js var colOneHeight = 0; var colTwoHeight = 0; Component({ /** * 组件的属性列表 */ properties: { goodsData: { type: null }, cardid:{ type: null } }, lifetimes: { attached: function () { // 在组件实例进入页面节点树时执行 colOneHeight = 0; colTwoHeight = 0; }, }, /** * 组件的初始数据 */ data: { activitys1: [], activitys2: [], showLoading: false, imgCount: 0 }, /** * 组件的方法列表 */ methods: { toVideo(e) { let item = e.currentTarget.dataset.item; let page = this.data.goodsData.findIndex((value, index, arr) => { return value.id === item.id; }); page = Math.ceil((page + 1) / 15); wx.navigateTo({ url: '/packageC/video_goods/VideoDetail/VideoDetail?vid=' + item.id + '&page=' + page + "&from=card"+'&card_id='+this.data.cardid }); }, /** * 图片加载函数 * 图片加载完成后,根据图片的高度,依次往第一列和第二列中推入数据 */ onImageLoad(options) { console.log(options); console.log(this.data); let currentId = options.currentTarget.id; let imageWidth = options.detail.width; // 图片宽度 let imageHeight = options.detail.height; // 图片高度 let activitys = this.data.goodsData; // 获取所有的数据资源 let activityObj = null; let scle = (imageWidth / imageHeight); console.log(this.data.allData); for (let i = 0; i < activitys.length; i++) { if (activitys[i].id == currentId) { activityObj = activitys[i]; break; } } this.data.imgCount += 1; let activitys1 = this.data.activitys1; let activitys2 = this.data.activitys2; if (colOneHeight <= colTwoHeight) { colOneHeight += (176 / scle) + 60; activitys1.push(activityObj); } else { colTwoHeight += (176 / scle) + 60; activitys2.push(activityObj); } let data = { activitys1: activitys1, activitys2: activitys2 }; console.log(this.data.imgCount, this.data.goodsData.length); if (this.data.imgCount >= this.data.goodsData.length) { this.setData({ showLoading: true }); } this.setData(data); }, } });