new

src/views/ZMOverView/components/gameProfile/index.vue

@@ -57,15 +57,19 @@
 						<el-table-column prop="usScore" label="美国">
 							<template #default="scope">
 								<div style="display: flex">
-									<div class="progress-text">
-										<div class="rank">{{ "No." + scope.row.usRank }}</div>
-										<div class="score">{{ scope.row.usScore }}</div>
+									<div class="progress-text" style="width:90px;">
+										<div class="rank" v-show="scope.row.usScore != 0">{{ "No." + scope.row.usRank }}</div>
+										<div class="score" v-show="scope.row.usScore != 0">{{ scope.row.usScore }}</div>
 									</div>
 									<div class="progress-wrapper left">
 										<el-progress
 											:percentage="scope.row.usScore"
 											:stroke-width="20"
 											class="left-progress"
+											:class="{ 
+												cLead: scope.row.usScore == 0,
+												leftProgress: scope.row.usScore != 0
+											}"
 											:show-text="false"
 										/>
 									</div>
@@ -80,15 +84,15 @@
 											:percentage="scope.row.chinaScore"
 											:stroke-width="20"
 											class="right-progress"
-											:class="{ cLead: scope.row.chinaRank < scope.row.usRank }"
+											:class="{ cLead: scope.row.chinaRank < scope.row.usRank && scope.row.chinaScore != 0}"
 											:show-text="false"
 										/>
 									</div>
-									<div class="progress-text" style="color: rgba(206, 79, 81, 1)">
-										<div class="rank" :class="{ cLeadRank: scope.row.chinaRank < scope.row.usRank }">
+									<div class="progress-text" style="color: rgba(206, 79, 81, 1);width:90px;">
+										<div class="rank" :class="{ cLeadRank: scope.row.chinaRank < scope.row.usRank }" v-show="scope.row.chinaScore != 0">
 											{{ "No." + scope.row.chinaRank }}
 										</div>
-										<div class="score" :class="{ cLeadScore: scope.row.chinaRank < scope.row.usRank }">
+										<div class="score" :class="{ cLeadScore: scope.row.chinaRank < scope.row.usRank }" v-show="scope.row.chinaScore != 0">
 											{{ scope.row.chinaScore }}
 										</div>
 									</div>