feat

lxf

2025-04-18 66a33e936d39ec4db7fdffed5d646e044ccc43e9

 src/page/perpetualContract/index.vue

@@ -1,22 +1,7 @@
<template>
    <div :key="symbol" class="pb-108 no_touch">
        <!-- 头部区 -->
        <ContractHeader  v-if="symbol === 'wld'" :symbol="'FTB'" :range="range" :selectIndex="selectIndex" :balance="userInfo.balance"
            @tab="onTopTab" @update-coin="onUpdate">
        </ContractHeader>
      <ContractHeader  v-else-if="symbol === 'mln'" :symbol="'DKL'" :range="range" :selectIndex="selectIndex" :balance="userInfo.balance"
          @tab="onTopTab" @update-coin="onUpdate">
      </ContractHeader>
      <ContractHeader  v-else-if="symbol === 'qtum'" :symbol="'BQHN'" :range="range" :selectIndex="selectIndex" :balance="userInfo.balance"
          @tab="onTopTab" @update-coin="onUpdate">
      </ContractHeader>
      <ContractHeader  v-else-if="symbol === 'knc'" :symbol="'XCM'" :range="range" :selectIndex="selectIndex" :balance="userInfo.balance"
          @tab="onTopTab" @update-coin="onUpdate">
      </ContractHeader>
      <ContractHeader  v-else-if="symbol === 'vet'" :symbol="'ACG'" :range="range" :selectIndex="selectIndex" :balance="userInfo.balance"
          @tab="onTopTab" @update-coin="onUpdate">
      </ContractHeader>
      <ContractHeader  v-else :symbol="symbol" :range="range" :selectIndex="selectIndex" :balance="userInfo.balance"
      <ContractHeader  :symbol="symbol" :range="range" :selectIndex="selectIndex" :balance="userInfo.balance"
          @tab="onTopTab" @update-coin="onUpdate">
      </ContractHeader>

@@ -49,20 +34,15 @@
                </PerpetualOrder>
            </div>
        </div>
        <div class="fixed w-full shadow z-10 tabBackground1">
        <!-- <div class="fixed w-full shadow z-10 tabBackground1"> -->
            <div class="flex justify-between px-30 py-10">
            <span class="font-24 textColor2"v-if="symbol === 'wld'">FTB/USDT&nbsp;{{ $t('k线图表') }}</span>
            <span class="font-24 textColor2"v-else-if="symbol === 'mln'">DKL/USDT&nbsp;{{ $t('k线图表') }}</span>
            <span class="font-24 textColor2"v-else-if="symbol === 'qtum'">BQHN/USDT&nbsp;{{ $t('k线图表') }}</span>
            <span class="font-24 textColor2"v-else-if="symbol === 'knc'">XCM/USDT&nbsp;{{ $t('k线图表') }}</span>
            <span class="font-24 textColor2"v-else-if="symbol === 'vet'">ACG/USDT&nbsp;{{ $t('k线图表') }}</span>
                <span class="font-24 textColor2" v-else>{{ symbol.toUpperCase() }}/USDT&nbsp;{{ $t('k线图表') }}</span>
                <van-icon class="textColor" @click.stop="showCharts = !showCharts"
                    :name="showCharts ? 'arrow-down' : 'arrow-up'"></van-icon>
                <span class="font-24 textColor2" >{{ symbolname }}&nbsp;{{ $t('k线图表') }}</span>
                <!-- <van-icon class="textColor" @click.stop="showCharts = !showCharts"
                    :name="showCharts ? 'arrow-down' : 'arrow-up'"></van-icon> -->
            </div>
            <k-line-charts :update-key="updateKey" :update-data="quote" :symbol="symbol" v-if="symbol && showCharts"
            <k-line-charts :update-key="updateKey" :update-data="quote" :symbol="symbol" 
                :showBottom="false" />
        </div>
        <!-- </div> -->
    </div>
</template>

@@ -143,7 +123,8 @@
            animated1: false,
            animated2: false,
            currentType: '',
            showCharts: false
            showCharts: false,
         symbolname:'',
            // curRequest: [], //
        }
    },
@@ -152,6 +133,7 @@
        if (!this.coinList.length) {
            await this.SET_COIN_LIST()
        }
      this.symbolname = getStorage('symbolname')
        _getBalance().then(data => { // 获取用户余额
            this.$store.commit('user/SET_USERINFO', { balance: data.money })
            // const { money } = data