Fix style

components/Match.vue

@@ -19,16 +19,26 @@
     <van-cell-group v-for="item in list" :key="item.id">
       <van-cell>
         <div>
-          <van-tag color="#ff976a" size="medium">{{ item.competition_name_zh }}</van-tag>
-          <van-tag v-if="item.status_str" color="#ff976a" size="medium">{{ item.status_str }}</van-tag>
+          <van-tag color="#ff976a" size="medium">{{
+            item.competition_name_zh
+          }}</van-tag>
+          <van-tag v-if="item.status_str" color="#ff976a" size="medium">{{
+            item.status_str
+          }}</van-tag>
           <span>{{ timeStamp1(item.time) }}</span>
         </div>
-        <div>
-          <span>{{ item.home_team_name_zh }}</span>
+        <div class="tab-nav">
+          <span style="width: 40%; text-align: end">{{
+            item.home_team_name_zh
+          }}</span>
           <!-- <van-image width="15" :src="item.home_team_log" /> -->
-          <span style="margin: 0 10px;">{{ item.home_score }} ：{{ item.away_score }}</span>
+          <span style="margin: 0 20px; width: 10%; text-align: center"
+            >{{ item.home_score }} ：{{ item.away_score }}</span
+          >
           <!-- <van-image width="15" :src="item.away_team_log" /> -->
-          <span>{{ item.away_team_name_zh }}</span>
+          <span style="width: 40%; text-align: start">{{
+            item.away_team_name_zh
+          }}</span>
         </div>
       </van-cell>
     </van-cell-group>

pages/Schedule.vue

@@ -93,12 +93,13 @@
           <van-tag v-if="item.status_str" color="#ff976a" size="medium">{{ item.status_str }}</van-tag>
           <span>{{ item.match_time }}</span>
         </div>
-        <div>
-          <span>{{ item.home_team_name }}</span>
+        <div class="tab-nav">
+          <span style="width: 40%; text-align: end">{{ item.home_team_name }}</span>
           <!-- <van-image width="15" :src="item.home_team_log" /> -->
-          <span style="margin: 0 10px;">{{ item.home_scores }} ：{{ item.away_scores }}</span>
+          <span v-if="item.type === 1" style="margin: 0 10px; width: 20%;text-align: center">{{ item.home_scores + item.away_scores }}</span>
+          <span v-else style="margin: 0 10px; width: 20%;text-align: center">{{ item.home_scores }} ：{{ item.away_scores }}</span>
           <!-- <van-image width="15" :src="item.away_team_log" /> -->
-          <span>{{ item.away_team_name }}</span>
+          <span style="width: 40%; text-align: start">{{ item.away_team_name }}</span>
         </div>
       </van-cell>
     </van-cell-group>