个人添加图片

lxf

2025-07-16 8588fe30f17d0d28190a279aab8675de0dbf1a5b

 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;
      }
    }