From bbf6d337c9641c0d1bf2c57f05310e59c104990b Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Fri, 29 May 2026 15:04:43 +0800
Subject: [PATCH] 1
---
src/components/Transform/cryptos-trade-deep-data/index.vue | 28 ++++++++++++++++------------
1 files changed, 16 insertions(+), 12 deletions(-)
diff --git a/src/components/Transform/cryptos-trade-deep-data/index.vue b/src/components/Transform/cryptos-trade-deep-data/index.vue
index 55558cb..fbec1ab 100644
--- a/src/components/Transform/cryptos-trade-deep-data/index.vue
+++ b/src/components/Transform/cryptos-trade-deep-data/index.vue
@@ -2,17 +2,17 @@
<div class="deep-data">
<div class="flex justify-between text-grey font-24">
<div>
- <div>{{ $t('价格') }}</div>
- <div class="mt-5">(USDT)</div>
+ <div>{{ $t('价格') }}(USDT)</div>
+ <!-- <div class="mt-5"></div> -->
</div>
<div class="text-right items-end justify-end">
- <div class="">{{ $t('数量') }}</div>
- <div class="mt-5">({{ symbol_data.toUpperCase() || '--' }})</div>
+ <div class="">{{ $t('数量') }}({{ symbol_name.toUpperCase() || '--' }})</div>
+ <!-- <div class="mt-5"></div> -->
</div>
</div>
- <div v-if="showType == 0 || showType == 2" class="flex justify-between pt-6 font-26" v-for="(item, index) in redData"
- :key="item + index" @click="onPrice(item.price)" :style="{
+ <div v-if="showType == 0 || showType == 2" class="flex justify-between pt-1 font-24" style="font-family:DINAlternate-Bold;"
+ v-for="(item, index) in redData" :key="item + index" @click="onPrice(item.price)" :style="{
'background': `linear-gradient(to right,${THEME == 'dark' ? '#131A2E' : '#fff'} 0%` +
(item.amount / greenData[greenData.length - 1].amount) * 100 + '%,rgba(246,70,93,.1) ' +
(item.amount / greenData[greenData.length - 1].amount) * 100 + '%,rgba(246,70,93,.1) 100%)'
@@ -21,15 +21,15 @@
<div class="text-right textColor" v-if="symbol == 'shib'">{{ fixDate(item.amount, $i18n) || '--' }}</div>
<div class="text-right textColor" v-else>{{ item.amount || '--' }}</div>
</div>
- <div class="text-red pt-12 font-34 font-700 text-center">
+ <div class="text-red font-34 font-700 text-center">
{{ price || '--' }}
</div>
- <div class="pb-12 font-20 text-center">
+ <!-- <div class="pb-12 font-20 text-center">
≈ {{ ((price *
currency.rate).toFixed(price.toString().split('.')[1] ?
price.toString().split('.')[1].length : 2)) || '--' }}
- </div>
- <div v-if="showType == 0 || showType == 1" class="flex justify-between pt-6 font-26"
+ </div> -->
+ <div v-if="showType == 0 || showType == 1" class="flex justify-between pt-1 font-24"
v-for="(item, index) in greenData" :key="index" @click="onPrice(item.price)" :style="{
'background': `linear-gradient(to right,${THEME == 'dark' ? '#131A2E' : '#fff'} 0%` +
(item.amount / greenData[greenData.length - 1].amount) * 100 + '%,rgba(94,186,137,.1) ' +
@@ -44,7 +44,7 @@
<script>
import { WS_URL } from '@/config'
-import { fixDate } from "@/utils/utis";
+import { fixDate, strToArr } from "@/utils/utis";
import { THEME } from '@/config/theme'
import { _getHomeList } from '@/service/home.api'
import { mapGetters } from 'vuex'
@@ -79,7 +79,8 @@
greenData: init,
redData: init,
socket: null,
- symbol_data: ''
+ symbol_data: '',
+ symbol_name: '',
}
},
mounted() {
@@ -111,6 +112,7 @@
getHomeList() {
_getHomeList(this.symbol).then((res) => {
this.symbol_data = res[0].symbol_data
+ this.symbol_name = strToArr(res[0].name, '/')[0]
let numberText = res[0].close.toString()
let numberLength = (numberText.substring(numberText.indexOf('.') + 1, numberText.length)).length
@@ -160,6 +162,8 @@
})
},
startDeepSocket() { // 开启socket链接
+ this.redData = []
+ this.greenData = []
this.closeSocket()
this.socket = new WebSocket(`${WS_URL}/3/${this.symbol}`)
this.socket.onmessage = (evt) => {
--
Gitblit v1.9.3