1

李凌

2025-12-22 6cd1d790d0a55b8f763de8d1d129cca2772393e4

 src/views/cryptos/Trade/index.vue

@@ -63,8 +63,8 @@
          @cancelOrder="cancelOrder" />
      </div>
      <div class="py-20 px-20" v-else-if="tabType == '2'">
        <history-item unit="USDT" v-for="item in entrustList" :key="item.order_no" :coinPrice="coinPrice" :entrust="item"
          :state="item.state" @cancelOrder="cancelOrder" />
        <history-item unit="USDT" v-for="item in entrustList" :key="item.order_no" :coinPrice="coinPrice"
          :entrust="item" :state="item.state" @cancelOrder="cancelOrder" />
      </div>
      <div class="py-20 px-20" v-else>
        <div class="mb-20">
@@ -76,7 +76,7 @@
                  :src="item.symbol ? `${HOST_URL}/symbol/${item.symbol_data}.png` : handleImage('../../../assets/loading-default.png')"
                  class="w-52 h-52 rounded-full mr-16" />
                <p class="flex flex-col">
                  <strong class="font-28 textColor mb-6">{{ item.symbol.toUpperCase() }}</strong>
                  <strong class="font-28 textColor mb-6">{{ strToArr(item.full_name.toUpperCase(), '/')[0] }}</strong>
                  <span class="font-20 text-grey">{{ item.full_name }}</span>
                </p>
              </div>
@@ -98,7 +98,7 @@
                  :src="item.symbol ? `${HOST_URL}/symbol/${item.symbol_data}.png` : handleImage('../../../assets/loading-default.png')"
                  class="w-52 h-52 rounded-full mr-16" />
                <p class="flex flex-col">
                  <strong class="font-28 textColor mb-6">{{ item.symbol.toUpperCase() }}</strong>
                  <strong class="font-28 textColor mb-6">{{ strToArr(item.full_name.toUpperCase(), '/')[0] }}</strong>
                  <span class="font-20 text-grey">{{ item.full_name }}</span>
                </p>
              </div>
@@ -126,7 +126,7 @@
        <k-line-charts :update-key="updateKey" :update-data="quote" :symbol="symbol" v-if="symbol && showCharts"
          :showBottom="false" />
      </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>
@@ -152,6 +152,7 @@
import KLineCharts from '@/components/Transform/kline-charts/index.vue'
import historyItem from '@/components/Transform/history-item/index.vue'
import fxKline from '@/components/fx-kline/index.vue'
import { strToArr } from '@/utils/utis'

import Axios from '@/service/trading'
import { _getHomeList } from '@/service/home.api'
@@ -277,11 +278,12 @@
    this.getExchangeRate()
  },
  methods: {
    strToArr,
    handleImage,
    ...mapActions('home', [SET_COIN_LIST]),
    onUpdate(symbol) { // 更新
      console.log("symbol",symbol);
      
      console.log("symbol", symbol);

      this.symbol = symbol
      this.closeSocket()
      this.init(symbol)
@@ -398,7 +400,7 @@
          }, 2000)
        }
      }
      else{
      else {
        showFailToast(this.$t('请先登录'))
      }
    },
@@ -545,6 +547,7 @@

#cryptos {
  background-color: $mainbgWhiteColor;

  :v-deep(.px-4) {
    padding-left: 30px !important;
    padding-right: 30px !important;
@@ -555,11 +558,11 @@
    padding-bottom: 30px !important;
  }

  .diviLine{
  .diviLine {
    background: $mainbgWhiteColor;
  }

  .border-b-color{
  .border-b-color {
    border-bottom-color: $inp_b;
    padding-bottom: 5px;
  }
@@ -648,12 +651,12 @@

  .select-box {
    width: 220px;

    background: $inp-b;

    margin-right: 20px;
  }

    @include themify() {
      background: themed("input_background") !important;
    }
  }
}

.z-100 {
@@ -662,8 +665,12 @@

.option-box {
  z-index: 99;
  background: $inp-b;
  box-shadow: 0px 0px 0.1875rem 0.1875rem $inp-b;

  @include themify() {
    background: themed("input_background");
    box-shadow: 0px 0px 0.1875rem 0.1875rem themed("input_background");
    color: themed("text_color");
  }
}

:deep(.van-action-sheet__content) {
@@ -671,7 +678,10 @@

  .van-action-sheet__item {
    background: transparent;
    color: $text_color;

    @include themify() {
      color: themed("text_color");
    }
  }

}