1

jhzh

2026-05-22 ef52095f5e9f0a9fe2da779bb1573947d77d75b6

 src/components/trade-deep-data/index.vue

@@ -20,8 +20,8 @@
        <div class="green"></div>
      </div>
    </div>
    <div class="flex font-10 orderbook sell" v-for="(item, index) in greenData" :key="index" @click="onPrice(item.price)"
      :style="{
    <div class="flex font-10 orderbook sell" v-for="(item, index) in greenData" :key="index"
      @click="onPrice(item.price)" :style="{
        'background': `linear-gradient(to right,${THEME == 'dark' ? '#131a2e' : '#ffffff'} 0%` +
          (item.amount / greenData[greenData.length - 1].amount) * 100 + '%,rgba(69, 46, 66, 1) ' +
          (item.amount / greenData[greenData.length - 1].amount) * 100 + '%,rgba(69, 46, 66, 1) 100%)'
@@ -39,8 +39,8 @@
<script>
import { WS_URL } from '@/config'
import { fixDate, formatMoney } from "@/utils";
import { THEME } from '@/config/theme'
const DEEP_LENGTH = 5
const THEME = 'dark'

export default {
  name: 'TradeDeepData',
@@ -81,6 +81,8 @@
  },
  methods: {
    startDeepSocket() { // 开启socket链接
      this.redData = []
      this.greenData = []
      this.closeSocket()
      this.socket = new WebSocket(`${WS_URL}/3/${this.symbol}`)
      this.socket.onmessage = (evt) => {