小程序瀑布流排版（图片文字自适应）

 复制粘贴即可使用

<template>
	<view class="Index">
		<!-- 瀑布流布局列表 -->
		<view class="pubuBox">
			<view class="pubuItem">
				<view class="item-masonry" v-for="(item, index) in comList" :key="index" @click="listClick(item.id)">
					<image :src="item.img" mode="aspectFill"></image>
					<view class="listtitle">
						<!-- 这是没有高度的父盒子（下半部分） -->
						<view class="listtitle1">
							<text class="dis">2折</text>{
  { item.name }}
						</view>
						<view class="listtitle2">
							<text class="listtitle2son">￥</text>
							{
  { item.commdityPrice }}
						</view>
						<view class="listtitle3">
							副标题文案副标题文案标副标题文案副标题文案标题
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			ret