1

李凌

2025-09-20 6b754cd28c45741a24e7f7193b894e3e386e4af8

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