| | |
| | | <div class="w-96 h-20 mr-8 text-28 flex justify-center items-center rounded box-border tabBtn" |
| | | :class="tab === '1' ? 'activeBtn' : ''" @click="onTab('1')">{{ $t('永续合约') }}</div> |
| | | <div class="w-96 h-20 text-28 flex justify-center items-center rounded box-border tabBtn" |
| | | :class="tab === '2' ? 'activeBtn' : ''" @click="onTab('2')">{{ queryType == 'cryptos' ? $t('交割合约') : |
| | | $t('期货交易') |
| | | :class="tab === '2' ? 'activeBtn' : ''" @click="onTab('2')">{{ queryType == 'cryptos' ? $t('交割合约') : $t('期货交易') |
| | | }}</div> |
| | | </div> |
| | | <!-- 数据区 --> |
| | |
| | | <p>{{ quote.low || 0 }}</p> |
| | | </div> |
| | | <div class="flex flex-col justify-between w-44 mt-5"> |
| | | <p class="text-grey">{{ queryType == 'cryptos' ? $t('24h成交额') + '(USDT)' : $t('24h成交额') + '(USD)' }} |
| | | </p> |
| | | <p class="text-grey">{{ queryType == 'cryptos' ? $t('24h成交额') + '(USDT)' : $t('24h成交额') + '(USD)' }}</p> |
| | | <p>{{ (quote.volume * 1).toFixed(2) || 0 }}</p> |
| | | </div> |
| | | </div> |
| | |
| | | <p>{{ $t('买入') }}</p> |
| | | <p class="flex justify-between text-22"> |
| | | <span style="margin-right: -10px;">{{ $t('价格') }}{{ queryType == 'cryptos' ? '(USDT)' : '(USD)' |
| | | }}</span> |
| | | }}</span> |
| | | <span class="buy-title">{{ $t('数量') }}({{ symbolData.toUpperCase() }})</span> |
| | | </p> |
| | | </li> |
| | |
| | | <span class="flex-1">{{ $t('时间') }}</span> |
| | | <span class="flex-1">{{ $t('方向') }}</span> |
| | | <span class="flex-1">{{ $t('价格') }}{{ queryType == 'cryptos' ? '(USDT)' : '(USD)' }}</span> |
| | | <span class="flex-1 flex justify-center buy-title">{{ $t('数量') }}({{ symbolData.toUpperCase() |
| | | }})</span> |
| | | <span class="flex-1 flex justify-center buy-title">{{ $t('数量') }}({{ symbolData.toUpperCase() }})</span> |
| | | </li> |
| | | <li v-for="(item, index) in deals" :key="item.ts + item.price + item.amount || index" |
| | | class="flex justify-between mt-8"> |
| | |
| | | fromPath: '', |
| | | symbolData: '', |
| | | queryType: 'cryptos', |
| | | symbolName: '', |
| | | symbolName: '' |
| | | // updateData: {} |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapGetters({ currency: 'home/currency', userInfo: 'user/userInfo' }), |
| | | |
| | | ...mapGetters({ currency: 'home/currency', userInfo: 'user/userInfo' }) |
| | | }, |
| | | mounted() { |
| | | console.log('sss') |