From 8769082215b2c335293a07e3ffcdfddf654c3052 Mon Sep 17 00:00:00 2001
From: laixingyu <xingyu.lai@suwell.cn>
Date: Thu, 19 Oct 2023 15:27:28 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E8=B6=8B=E5=8A=BF?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/trend/index.vue | 87 ++++++++++++++++++++-------------------
 1 file changed, 44 insertions(+), 43 deletions(-)

diff --git a/src/views/trend/index.vue b/src/views/trend/index.vue
index 8f36420..b25bc3c 100644
--- a/src/views/trend/index.vue
+++ b/src/views/trend/index.vue
@@ -1050,20 +1050,20 @@
                 {{ item.securityName }}
               </div>
               <div class="list_plate_box">
-                <div>{{ item.sort5 }}
+                <div><span style="font-size: larger;">{{ item.sort5 }}</span>
                   <div>
                   <div v-if="item.sort5Change > 0" class="plate_box_right">
-                    <div style="color: #d9001b">{{ item.sort5Change }}</div>
+                    <div style="color: gray;font-size: smaller;">{{ item.sort5Change }}</div>
                     <img
                       src="../../static/home_paiming_shangsheng.png"
                       class="liate_box_icon"
                     />
                   </div>
                   <div v-if="item.sort5Change == 0" class="plate_box_right">
-                    <div>-</div>
+                    <div style="color: gray;font-size: smaller;">-</div>
                   </div>
                   <div v-if="item.sort5Change < 0" class="plate_box_right">
-                    <div style="color: #8fc320">
+                    <div style="color: gray;font-size: smaller;">
                       {{ Math.abs(item.sort5Change) }}
                     </div>
                     <img
@@ -1075,20 +1075,20 @@
                 </div>
               </div>
               <div class="list_plate_box">
-                <div>{{ item.sort10 }}
+                <div><span style="font-size: larger;">{{ item.sort10 }}</span>
                   <div>
                   <div v-if="item.sort10Change > 0" class="plate_box_right">
-                    <div style="color: #d9001b">{{ item.sort10Change }}</div>
+                    <div style="color: gray;font-size: smaller;">{{ item.sort10Change }}</div>
                     <img
                       src="../../static/home_paiming_shangsheng.png"
                       class="liate_box_icon"
                     />
                   </div>
                   <div v-if="item.sort10Change == 0" class="plate_box_right">
-                    <div>-</div>
+                    <div style="color: gray;font-size: smaller;">-</div>
                   </div>
                   <div v-if="item.sort10Change < 0" class="plate_box_right">
-                    <div style="color: #8fc320">
+                    <div style="color: gray;font-size: smaller;">
                       {{ Math.abs(item.sort10Change) }}
                     </div>
                     <img
@@ -1100,20 +1100,20 @@
                 </div>
               </div>
               <div class="list_plate_box">
-                <div>{{ item.sort20 }}
+                <div><span style="font-size: larger;">{{ item.sort20 }}</span>
                   <div>
                   <div v-if="item.sort20Change > 0" class="plate_box_right">
-                    <div style="color: #d9001b">{{ item.sort20Change }}</div>
+                    <div style="color: gray;font-size: smaller;">{{ item.sort20Change }}</div>
                     <img
                       src="../../static/home_paiming_shangsheng.png"
                       class="liate_box_icon"
                     />
                   </div>
                   <div v-if="item.sort20Change == 0" class="plate_box_right">
-                    <div>-</div>
+                    <div style="color: gray;font-size: smaller;">-</div>
                   </div>
                   <div v-if="item.sort20Change < 0" class="plate_box_right">
-                    <div style="color: #8fc320">
+                    <div style="color: gray;font-size: smaller;">
                       {{ Math.abs(item.sort20Change) }}
                     </div>
                     <img
@@ -1125,20 +1125,20 @@
                 </div>
               </div>
               <div class="list_plate_box">
-                <div>{{ item.sort }}
+                <div><span style="font-size: larger;">{{ item.sort }}</span>
                   <div>
                   <div v-if="item.sortChange > 0" class="plate_box_right">
-                    <div style="color: #d9001b">{{ item.sortChange }}</div>
+                    <div style="color: gray;font-size: smaller;">{{ item.sortChange }}</div>
                     <img
                       src="../../static/home_paiming_shangsheng.png"
                       class="liate_box_icon"
                     />
                   </div>
                   <div v-if="item.sortChange == 0" class="plate_box_right">
-                    <div>-</div>
+                    <div style="color: gray;font-size: smaller;">-</div>
                   </div>
                   <div v-if="item.sortChange < 0" class="plate_box_right">
-                    <div style="color: #8fc320">
+                    <div style="color: gray;font-size: smaller;">
                       {{ Math.abs(item.sortChange) }}
                     </div>
                     <img
@@ -1150,11 +1150,11 @@
               </div>
               </div>
               <div class="list_plate_box_turnover">
-                <div>{{ (item.turnover/100).toFixed(2) }}
+                <div style="font-size: larger;">{{ (item.turnover/100).toFixed(2) }}
                   <div>
                     <!--成交量计算为 前一日 - 当前日，所以正值表示缩量，负值为放量-->
                   <div v-if="item.turnoverChange < 0" class="plate_box_right">
-                    <div style="color: #d9001b">{{ (item.turnoverChange/100*-1).toFixed(2) }}</div>
+                    <div style="color: gray;font-size: smaller;">{{ (item.turnoverChange/100*-1).toFixed(2) }}</div>
                     <img
                       src="../../static/home_paiming_shangsheng.png"
                       class="liate_box_icon"
@@ -1164,7 +1164,7 @@
                     <div>-</div>
                   </div>
                   <div v-if="item.turnoverChange > 0" class="plate_box_right">
-                    <div style="color: #8fc320">
+                    <div style="color: gray;font-size: smaller;">
                       {{ Math.abs((item.turnoverChange/100).toFixed(2))*-1 }}
                     </div>
                     <img
@@ -1176,20 +1176,20 @@
                 </div>
               </div>
               <div class="list_plate_box">
-                <div>{{ item.turnoverRatio.toFixed(2) }}
+                <div style="font-size: larger;">{{ item.turnoverRatio.toFixed(2) }}
                   <div>
                   <div v-if="item.turnoverRatioChange > 0" class="plate_box_right">
-                    <div style="color: #d9001b">{{ item.turnoverRatioChange.toFixed(2) }}</div>
+                    <div style="color: gray;font-size: smaller;">{{ item.turnoverRatioChange.toFixed(2) }}</div>
                     <img
                       src="../../static/home_paiming_shangsheng.png"
                       class="liate_box_icon"
                     />
                   </div>
                   <div v-if="item.turnoverRatioChange == 0" class="plate_box_right">
-                    <div>-</div>
+                    <div style="color: gray;font-size: smaller;">-</div>
                   </div>
                   <div v-if="item.turnoverRatioChange < 0" class="plate_box_right">
-                    <div style="color: #8fc320">
+                    <div style="color: gray;font-size: smaller;">
                       {{ Math.abs(item.turnoverRatioChange.toFixed(2)) }}
                     </div>
                     <img
@@ -1202,20 +1202,20 @@
               </div>
 
               <div class="list_plate_box_turnover">
-                <div>{{ (item.turnover5/100).toFixed(2) }}
+                <div style="font-size:larger;">{{ (item.turnover5/100).toFixed(2) }}
                   <div>
                   <div v-if="item.turnover5Change < 0" class="plate_box_right">
-                    <div style="color: #d9001b">{{ (item.turnover5Change/100*-1).toFixed(2) }}</div>
+                    <div style="color: gray;font-size: smaller;">{{ (item.turnover5Change/100*-1).toFixed(2) }}</div>
                     <img
                       src="../../static/home_paiming_shangsheng.png"
                       class="liate_box_icon"
                     />
                   </div>
                   <div v-if="item.turnover5Change == 0" class="plate_box_right">
-                    <div>-</div>
+                    <div style="color: gray;font-size: smaller;">-</div>
                   </div>
                   <div v-if="item.turnover5Change > 0" class="plate_box_right">
-                    <div style="color: #8fc320">
+                    <div style="color: gray;font-size: smaller;">
                       {{ Math.abs((item.turnover5Change/100).toFixed(2))*-1 }}
                     </div>
                     <img
@@ -1227,20 +1227,20 @@
                 </div>
               </div>
               <div class="list_plate_box">
-                <div>{{ item.turnover5Ratio.toFixed(2) }}
+                <div style="font-size: larger;">{{ item.turnover5Ratio.toFixed(2) }}
                   <div>
                   <div v-if="item.turnover5RatioChange > 0" class="plate_box_right">
-                    <div style="color: #d9001b">{{ item.turnover5RatioChange.toFixed(2) }}</div>
+                    <div style="color: gray;font-size: smaller;">{{ item.turnover5RatioChange.toFixed(2) }}</div>
                     <img
                       src="../../static/home_paiming_shangsheng.png"
                       class="liate_box_icon"
                     />
                   </div>
                   <div v-if="item.turnover5RatioChange == 0" class="plate_box_right">
-                    <div>-</div>
+                    <div style="color: gray;font-size: smaller;">-</div>
                   </div>
                   <div v-if="item.turnover5RatioChange < 0" class="plate_box_right">
-                    <div style="color: #8fc320">
+                    <div style="color: gray;font-size: smaller;">
                       {{ Math.abs(item.turnover5RatioChange.toFixed(2)) }}
                     </div>
                     <img
@@ -1253,10 +1253,10 @@
               </div>
 
               <div class="list_plate_box_turnover">
-                <div>{{ (item.turnover10/100).toFixed(2) }}
+                <div style="font-size: larger;">{{ (item.turnover10/100).toFixed(2) }}
                   <div>
                   <div v-if="item.turnover10Change < 0" class="plate_box_right">
-                    <div style="color: #d9001b">{{ (item.turnover10Change/100*-1).toFixed(2) }}</div>
+                    <div style="color: gray;font-size: smaller;">{{ (item.turnover10Change/100*-1).toFixed(2) }}</div>
                     <img
                       src="../../static/home_paiming_shangsheng.png"
                       class="liate_box_icon"
@@ -1266,7 +1266,7 @@
                     <div>-</div>
                   </div>
                   <div v-if="item.turnover10Change > 0" class="plate_box_right">
-                    <div style="color: #8fc320">
+                    <div style="color: gray;font-size: smaller;">
                       {{ Math.abs((item.turnover10Change/100).toFixed(2)) * -1 }}
                     </div>
                     <img
@@ -1278,10 +1278,10 @@
                 </div>
               </div>
               <div class="list_plate_box">
-                <div>{{ item.turnover10Ratio.toFixed(2) }}
+                <div style="font-size: larger;">{{ item.turnover10Ratio.toFixed(2) }}
                   <div>
                   <div v-if="item.turnover10RatioChange > 0" class="plate_box_right">
-                    <div style="color: #d9001b">{{ item.turnover10RatioChange.toFixed(2) }}</div>
+                    <div style="color: gray;font-size: smaller;">{{ item.turnover10RatioChange.toFixed(2) }}</div>
                     <img
                       src="../../static/home_paiming_shangsheng.png"
                       class="liate_box_icon"
@@ -1291,7 +1291,7 @@
                     <div>-</div>
                   </div>
                   <div v-if="item.turnover10RatioChange < 0" class="plate_box_right">
-                    <div style="color: #8fc320">
+                    <div style="color: gray;font-size: smaller;">
                       {{ Math.abs(item.turnover10RatioChange.toFixed(2)) }}
                     </div>
                     <img
@@ -1307,7 +1307,7 @@
                 <div> <span style="color: #d9001b;font-size: larger;">{{ Math.trunc(item.riseNumber) }}</span> <span style="color:gray"> / </span> <span style="color: #8fc320;font-size: larger;">{{ Math.trunc(item.lossesNumber) }}</span> <span style="color:gray"> / </span> <span style="color: #666666;font-size: larger;">{{ Math.trunc(item.flatNumber) }}</span>
                   <div style="display:flex;">
                     <div v-if="item.riseNumberChange > 0" class="plate_box_right">
-                      <div style="color: gray">{{ Math.trunc(item.riseNumberChange) }}</div>
+                      <div style="color: gray;font-size: smaller;">{{ Math.trunc(item.riseNumberChange) }}</div>
                       <img
                         src="../../static/home_paiming_shangsheng.png"
                         class="liate_box_icon"
@@ -1317,7 +1317,7 @@
                       <div>-</div>
                     </div>
                     <div v-if="item.riseNumberChange < 0" class="plate_box_right">
-                      <div style="color: gray">
+                      <div style="color: gray;font-size: smaller;">
                         {{ Math.abs(Math.trunc(item.riseNumberChange)) }}
                       </div>
                       <img
@@ -1327,7 +1327,7 @@
                     </div>
 
                     <div v-if="item.lossesNumberChange > 0" class="plate_box_right">
-                      <div style="color: gray">{{ Math.trunc(item.lossesNumberChange) }}</div>
+                      <div style="color: gray;font-size: smaller;">{{ Math.trunc(item.lossesNumberChange) }}</div>
                       <img
                         src="../../static/home_paiming_shangsheng.png"
                         class="liate_box_icon"
@@ -1337,7 +1337,7 @@
                       <div>-</div>
                     </div>
                     <div v-if="item.lossesNumberChange < 0" class="plate_box_right">
-                      <div style="color: gray">
+                      <div style="color: gray;font-size: smaller;">
                         {{ Math.abs(Math.trunc(item.lossesNumberChange)) }}
                       </div>
                       <img
@@ -1347,17 +1347,18 @@
                     </div>
 
                     <div v-if="item.flatNumberChange > 0" class="plate_box_right">
-                      <div style="color: gray">{{ Math.trunc(item.flatNumberChange) }}</div>
+                      <div style="color: gray;font-size: smaller;">{{ Math.trunc(item.flatNumberChange) }}</div>
                       <img
                         src="../../static/home_paiming_shangsheng.png"
                         class="liate_box_icon"
+
                       />
                     </div>
                     <div v-if="item.flatNumberChange == 0" class="plate_box_right">
                       <div>-</div>
                     </div>
                     <div v-if="item.flatNumberChange < 0" class="plate_box_right">
-                      <div style="color: gray">
+                      <div style="color: gray;font-size: smaller;">
                         {{ Math.abs(Math.trunc(item.flatNumberChange)) }}
                       </div>
                       <img