From f2d0a09dc867a2143bc9bd023f1b59cf96a12adc Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Thu, 9 Mar 2023 14:49:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9F=B1=E7=8A=B6=E5=9B=BE=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/layout/AiRanking/AiRanking.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/components/layout/AiRanking/AiRanking.vue b/components/layout/AiRanking/AiRanking.vue
index ab48ca8f..85965ec6 100644
--- a/components/layout/AiRanking/AiRanking.vue
+++ b/components/layout/AiRanking/AiRanking.vue
@@ -4,10 +4,12 @@
       <i>{{ index + 1 }}</i>
       <h2>{{ item.name }}</h2>
       <span>{{ item.value }}</span>
-      <div class="AiRanking-item__rate" :style="{width: item.rate + '%'}">
-        <div class="bar">
-          <span></span>
-          <i></i>
+      <div class="AiRanking-item__rate--wrapper">
+        <div class="AiRanking-item__rate" :style="{width: item.rate + '%'}">
+          <div class="bar">
+            <span></span>
+            <i></i>
+          </div>
         </div>
       </div>
     </div>
@@ -79,6 +81,11 @@
       background: url(./asset/ranking1.png) no-repeat;
       background-size: 100% 100%;
 
+      .AiRanking-item__rate--wrapper {
+        flex: 1;
+        background: #6F7171;
+      }
+
       .AiRanking-item__rate {
         position: relative;