From bba4046da481abccecf541e76f17a2e32a4cc344 Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Thu, 10 Jul 2025 18:10:29 +0800
Subject: [PATCH] 登录界面

---
 src/views/cryptos/Trade/index.vue |   24 +++++++++++++++++-------
 1 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/views/cryptos/Trade/index.vue b/src/views/cryptos/Trade/index.vue
index dc2f4ce..2a47c74 100644
--- a/src/views/cryptos/Trade/index.vue
+++ b/src/views/cryptos/Trade/index.vue
@@ -1,5 +1,6 @@
 <template>
   <div id="cryptos">
+    <!-- 调节跳动深度 -->
     <div class="pb-108 no_touch">
       <!-- <div class="px-30 pt-20">
         <div class="flex h-88 w-full box-border border-solid-grey rounded-lg">
@@ -27,7 +28,7 @@
         <div class="mt-20 mb-22 select-box" style="position:relative;">
           <div class=" flex justify-between  items-center w-full h-70" @click="selectBtn">
             <!-- <img src="@/assets/image/public/warn.png" alt="warn-icon" class="w-25 h-25 pl-20"/> -->
-            <div class="pl-16 font-28 textColor" style="width:80%;">{{ title }}</div>
+            <div class="pl-16 font-28 textColor" style="width:80%;color: #333;">{{ title }}</div>
             <img src="../../../assets/image/public/grey-select.png" alt="select-icon" class="w-22 h-11 mr-20" />
           </div>
           <div class="option-box" v-show="isShow">
@@ -128,8 +129,8 @@
       </div> -->
       <div class="fixed-box">
         <div class="flex justify-between items-center px-30 py-20" @click.stop="handleClickShowKlineChart()">
-          <span class="font-30  textColor2">{{ symbol.toUpperCase() }}&nbsp;&nbsp;{{ $t('k线图表') }}</span>
-          <van-icon class="textColor font-20" :name="showCharts ? 'arrow-down' : 'arrow-up'"></van-icon>
+          <span class="font-30  textColor2" style="">{{ symbol.toUpperCase() }}&nbsp;&nbsp;{{ $t('k线图表') }}</span>
+          <van-icon class="textColor font-28" :name="showCharts ? 'arrow-down' : 'arrow-up'"></van-icon>
         </div>
         <!-- <section class="indicator-index-container" v-if="showKlineChart">
           <div class="indicator-index-box">
@@ -377,7 +378,7 @@
       if (data && data.length) {
         const cur = data[0]
         this.price = cur.close
-        this.range = cur.change_ratio + ''
+        this.range = cur.change_ratio_str || cur.changeRatioStr
         this.quote = cur
         this.updateKey++
       }
@@ -625,8 +626,8 @@
   .active-line {
     position: relative;
     // padding-bottom: 18px;
-    color: $text_color;
-    background-color: $color_main
+    color: #fff;
+    background-color: $btn_main;
   }
 
   .active-line::after {
@@ -659,7 +660,7 @@
   .select-box {
     width: 220px;
 
-    background: #1E1E1E;
+    background: #f5f5f5;
 
     margin-right: 20px;
   }
@@ -672,6 +673,8 @@
 
 .option-box {
   z-index: 99;
+  background-color: #f5f5f5;
+  box-shadow: 0px 0px 0.1875rem 0.1875rem #f5f5f5;
 }
 
 :deep(.van-action-sheet__content) {
@@ -807,4 +810,11 @@
     color: $text_color;
   }
 }
+
+.diviLine{
+  background-color: #f5f5f5;
+}
+.textColor2, .textColor{
+  color: #fff;
+}
 </style>

--
Gitblit v1.9.3