From 54dcb78a317a83e2026a194428521f0e14d7eeb3 Mon Sep 17 00:00:00 2001
From: laixingyu <xingyu.lai@suwell.cn>
Date: Thu, 19 Oct 2023 00:53:08 +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?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/trend/index.vue | 184 ++++++++++++--------------------------
 1 file changed, 59 insertions(+), 125 deletions(-)

diff --git a/src/views/trend/index.vue b/src/views/trend/index.vue
index b828c7a..8f36420 100644
--- a/src/views/trend/index.vue
+++ b/src/views/trend/index.vue
@@ -336,65 +336,7 @@
             </div>
             <div class="head_plate_box">
               <div class="all__head_plate" @click="selectPlateRank">
-                上涨
-              </div>
-              <div class="module_head_icon" v-if="allPlateRank">
-                <img
-                  src="../../static/shengxu_true.png"
-                  class="head_icon"
-                  mode="scaleToFill"
-                />
-                <img
-                  src="../../static/jiangxu_false.png"
-                  class="head_icon"
-                  mode="scaleToFill"
-                />
-              </div>
-              <div class="module_head_icon" v-else>
-                <img
-                  src="../../static/shengxu_false.png"
-                  class="head_icon"
-                  mode="scaleToFill"
-                />
-                <img
-                  src="../../static/jiangxu_true.png"
-                  class="head_icon"
-                  mode="scaleToFill"
-                />
-              </div>
-            </div>
-            <div class="head_plate_box">
-              <div class="all__head_plate" @click="selectPlateRank">
-                平盘
-              </div>
-              <div class="module_head_icon" v-if="allPlateRank">
-                <img
-                  src="../../static/shengxu_true.png"
-                  class="head_icon"
-                  mode="scaleToFill"
-                />
-                <img
-                  src="../../static/jiangxu_false.png"
-                  class="head_icon"
-                  mode="scaleToFill"
-                />
-              </div>
-              <div class="module_head_icon" v-else>
-                <img
-                  src="../../static/shengxu_false.png"
-                  class="head_icon"
-                  mode="scaleToFill"
-                />
-                <img
-                  src="../../static/jiangxu_true.png"
-                  class="head_icon"
-                  mode="scaleToFill"
-                />
-              </div>
-            </div>
-            <div class="head_plate_box">
-              <div class="all__head_plate" @click="selectPlateRank">
-                下跌
+                涨跌家数
               </div>
               <div class="module_head_icon" v-if="allPlateRank">
                 <img
@@ -1362,79 +1304,71 @@
               </div>
 
               <div class="list_plate_box">
-                <div>{{ Math.trunc(item.riseNumber) }}
-                  <div>
-                  <div v-if="item.riseNumberChange > 0" class="plate_box_right">
-                    <div style="color: #d9001b">{{ Math.trunc(item.riseNumberChange) }}</div>
-                    <img
-                      src="../../static/home_paiming_shangsheng.png"
-                      class="liate_box_icon"
-                    />
-                  </div>
-                  <div v-if="item.riseNumberChange == 0" class="plate_box_right">
-                    <div>-</div>
-                  </div>
-                  <div v-if="item.riseNumberChange < 0" class="plate_box_right">
-                    <div style="color: #8fc320">
-                      {{ Math.abs(Math.trunc(item.riseNumberChange)) }}
+                <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>
+                      <img
+                        src="../../static/home_paiming_shangsheng.png"
+                        class="liate_box_icon"
+                      />
+                    </div>
+                    <div v-if="item.riseNumberChange == 0" class="plate_box_right">
+                      <div>-</div>
+                    </div>
+                    <div v-if="item.riseNumberChange < 0" class="plate_box_right">
+                      <div style="color: gray">
+                        {{ Math.abs(Math.trunc(item.riseNumberChange)) }}
+                      </div>
+                      <img
+                        src="../../static/home_paiming_xiajiang.png"
+                        class="liate_box_icon"
+                      />
                     </div>
-                    <img
-                      src="../../static/home_paiming_xiajiang.png"
-                      class="liate_box_icon"
-                    />
-                  </div>
-                </div></div>
-              </div>
 
-              <div class="list_plate_box">
-                <div>{{ Math.trunc(item.flatNumber) }}
-                  <div>
-                  <div v-if="item.flatNumberChange > 0" class="plate_box_right">
-                    <div style="color: #d9001b">{{ 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: #8fc320">
-                      {{ Math.abs(Math.trunc(item.flatNumberChange)) }}
+                    <div v-if="item.lossesNumberChange > 0" class="plate_box_right">
+                      <div style="color: gray">{{ Math.trunc(item.lossesNumberChange) }}</div>
+                      <img
+                        src="../../static/home_paiming_shangsheng.png"
+                        class="liate_box_icon"
+                      />
+                    </div>
+                    <div v-if="item.lossesNumberChange == 0" class="plate_box_right">
+                      <div>-</div>
+                    </div>
+                    <div v-if="item.lossesNumberChange < 0" class="plate_box_right">
+                      <div style="color: gray">
+                        {{ Math.abs(Math.trunc(item.lossesNumberChange)) }}
+                      </div>
+                      <img
+                        src="../../static/home_paiming_xiajiang.png"
+                        class="liate_box_icon"
+                      />
                     </div>
-                    <img
-                      src="../../static/home_paiming_xiajiang.png"
-                      class="liate_box_icon"
-                    />
-                  </div>
-                </div></div>
-              </div>
 
-              <div class="list_plate_box">
-                <div>{{ Math.trunc(item.lossesNumber) }}
-                  <div>
-                  <div v-if="item.lossesNumberChange > 0" class="plate_box_right">
-                    <div style="color: #d9001b">{{ Math.trunc(item.lossesNumberChange) }}</div>
-                    <img
-                      src="../../static/home_paiming_shangsheng.png"
-                      class="liate_box_icon"
-                    />
-                  </div>
-                  <div v-if="item.lossesNumberChange == 0" class="plate_box_right">
-                    <div>-</div>
-                  </div>
-                  <div v-if="item.lossesNumberChange < 0" class="plate_box_right">
-                    <div style="color: #8fc320">
-                      {{ Math.abs(Math.trunc(item.lossesNumberChange)) }}
+                    <div v-if="item.flatNumberChange > 0" class="plate_box_right">
+                      <div style="color: gray">{{ 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">
+                        {{ Math.abs(Math.trunc(item.flatNumberChange)) }}
+                      </div>
+                      <img
+                        src="../../static/home_paiming_xiajiang.png"
+                        class="liate_box_icon"
+                      />
                     </div>
-                    <img
-                      src="../../static/home_paiming_xiajiang.png"
-                      class="liate_box_icon"
-                    />
                   </div>
-                </div></div>
+                </div>
               </div>
+
               <!-- <div class="all__list_breakeven">{{ item.sort/10 }}</div>
 
               <div class="all__list_breakeven">{{ item.sort }}</div>