From 8588fe30f17d0d28190a279aab8675de0dbf1a5b Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Wed, 16 Jul 2025 18:46:29 +0800
Subject: [PATCH] 个人添加图片

---
 src/views/foreign/CoinChart.vue |   15 +++++++++------
 1 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/views/foreign/CoinChart.vue b/src/views/foreign/CoinChart.vue
index 2169740..76f775d 100644
--- a/src/views/foreign/CoinChart.vue
+++ b/src/views/foreign/CoinChart.vue
@@ -28,7 +28,7 @@
         <div class="flex-l">
           <p class="first-line red">{{ priceFormat(chartData?.close) }}</p>
           <p class="second-line">
-            <span class="red">{{ chartData?.change_ratio ? `${chartData?.change_ratio}%` : '--' }}</span>&nbsp;
+            <span class="red">{{ chartData?.change_ratio_str ? `${chartData?.change_ratio_str}%` : '--' }}</span>&nbsp;
           </p>
         </div>
         <div class="flex-r">
@@ -125,7 +125,7 @@
         </div>
       </section>
       <van-popup overlay-class="left-modal" v-model:show="showLeftPopup" position="left"
-        :style="{ width: '80%', height: '100%', background: '#1F233D' }" round safe-area-inset-top safe-area-inset-bottom>
+        :style="{ width: '80%', height: '100%', }" round safe-area-inset-top safe-area-inset-bottom>
         <div class="modal-inner-box">
           <div class="sidebar">
             <div class="flex justify-between">
@@ -145,7 +145,7 @@
               </div>
               <div class="text-right font-12">
                 <div class="textColor">{{ item.close || '--' }}</div>
-                <div class="value" :class="item.change_ratio > 0 ? 'green' : 'red'">{{ item.change_ratio
+                <div class="value" :class="item.change_ratio_str > 0 ? 'green' : 'red'">{{ item.change_ratio_str
                   || '--'
                 }}%</div>
               </div>
@@ -298,6 +298,7 @@
 
 // 事件
 const onData = (data) => {
+  console.log('onData：',data)
   chartData.value = data
   noData.value = false
 }
@@ -386,9 +387,10 @@
   }
 
   .header {
-    position: relative;
+    // position: relative;
     display: flex;
     align-items: center;
+    margin-top: 40px;
 
     .flex-l {
       flex: 1;
@@ -764,7 +766,7 @@
     left: 0;
     right: 0;
     // bottom: 0px;
-    background: $black;
+    // background: $black;
     height: 70px;
     width: 100%;
     justify-content: center;
@@ -790,6 +792,7 @@
     .flex-r {
       display: flex;
       justify-content: flex-end;
+      color:#fff;
 
       .sell-btn,
       .buy-btn {
@@ -806,7 +809,7 @@
       }
 
       .buy-btn {
-        background: #5BB989;
+        background: #3a7ff6;
         margin-right: 20px;
       }
     }

--
Gitblit v1.9.3