微信小程序实现瀑布流

加载到后端的数据

设置我们需要的属性，这里我们需要leftList、rightList、leftHeight、rightHeight

遍历数组，通过wx.getImageInfo获取到每个元素图片的宽度高度（需要配置download的域名）

判断这个元素应该被放在左边还是右边（放在数组高度低的一边）

处理完数据之后，把数据设置到data上

在前端展示这些数据（图片需要加上mode="widthFix",宽度固定，高度自适应，保持宽高比）

js代码
 

import {
  getPostsList
} from "../../API/user"
 
// pages/chatroomList/chatroomList.js
Page({
 
  /**
   * 页面的初始数据
   */
  data: {
    list: [],
    leftList: [],
    rightList: [],
    leftHeight: 0,
    rightHeight: 0,
    // 整体数据是否处理完成
    finish: false,
    // 所有数据加载完成
    isEnd: false,
  },
  pageNum: 1,
  pagesize: 10,
  goroom(e){
    let ur= e.currentTarget.dataset.id
    console.log( e);
    console.log( e.currentTarget);
    console.log( e.currentTarget.dataset);
    console.log( e.currentTarget.dataset.id);
    wx.navigateTo({
      url: `/pages/ch