Bladeren bron

列表图片小于4个不显示数字

wgl 4 jaren geleden
bovenliggende
commit
568e5819a4

+ 4 - 3
src/projects/business/views/Master/Property/Complaint/List.vue

@@ -27,10 +27,10 @@
 												<div class="mui-col-xs-3 color4fc5f7" v-text="item.statusN"></div>
 											</div>
 											<div v-if="item.img" class="fyy-upphoto flew">
-												<div v-for="(iten,inden) in item.img.split(',')" class="mui-col-xs-3">
+												<div v-for="(iten,inden) in item.img.split(',').slice(0,4)" class="mui-col-xs-3">
 													<img :src="iten" />
 												</div>
-												<span class="mui-badge" v-text="item.img.split(',').length"></span>
+												<span class="mui-badge" v-if="item.img.split(',').length>4" v-text="item.img.split(',').length"></span>
 											</div>
 											<p class="flew-items flew-sp">
 												{{item.categoryN}}
@@ -106,7 +106,8 @@
 			Common,
 			Loading,
 			TopHeader,
-			NavMenu,NullList
+			NavMenu,
+			NullList
 		},
 		data() {
 			return {

+ 4 - 3
src/projects/business/views/Master/Property/Repair/List.vue

@@ -27,10 +27,10 @@
 												<div class="mui-col-xs-3 color4fc5f7" v-text="item.statusN"></div>
 											</div>
 											<div v-if="item.img" class="fyy-upphoto flew">
-												<div v-for="(iten,inden) in item.img.split(',')" class="mui-col-xs-3">
+												<div v-for="(iten,inden) in item.img.split(',').slice(0,4)" class="mui-col-xs-3">
 													<img :src="iten" />
 												</div>
-												<span class="mui-badge" v-text="item.img.split(',').length"></span>
+												<span class="mui-badge" v-if="item.img.split(',').length>4" v-text="item.img.split(',').length"></span>
 											</div>
 											<p class="flew-items flew-sp">
 												{{item.categoryN}}
@@ -107,7 +107,8 @@
 			Common,
 			Loading,
 			TopHeader,
-			NavMenu,NullList
+			NavMenu,
+			NullList
 		},
 		data() {
 			return {