h5-webgl-program/src/components/newBottomCom/viewPlot/viewPlot.html

<!-- 布局切换操作视图 -->
<div class="plot-view">
	<div class="title rows justify-center">选择要更换成的功能空间</div>
	<div class="close rows justify-center" @click="closeHandle">
		<div class="iconfont icon-close"></div>
	</div>
	<!-- 布局空间列表数据 -->
	<div class="swiper-view">
		<div class="tab-content rows flex-start">
			<div @click="tabIndex=index" class="tab-item columns"
				:class="{'tabActive': tabIndex == index}" 
				v-for="(tab,index) in plotList" :key="index" >
				<!-- <img class="tab-img" :src="tab.imageUrl" mode="aspectFill" /> -->
				<div class="tab-title">{{tab.name}}</div>
				<div class="tab-text">{{tab.count}}个布局</div>
			</div>
		</div>
	</div>
	<div class="plot-content" v-if="plotList && plotList.length>0">
		<div class="content">
			<div @click="changeOption(index)" class="item columns"
				:class="{'active': selectIndex == index}" 
				v-for="(item,index) in plotList[tabIndex].dataList" :key="index" >
				<img class="img" :src="item.coverImage" mode="aspectFill" />
				<div class="gou rows justify-center">√</div>
				<div class="text eslipe">{{item.name}}</div>
			</div>
		</div>
	</div>
	<div class="btn-list rows rows-between">
		<div class="btn rows up up2 justify-center" @click="confirm">确认</div>
	</div>
</div>