| | |
| | | <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%)' |
| | |
| | | }, |
| | | methods: { |
| | | startDeepSocket() { // 开启socket链接 |
| | | this.redData = [] |
| | | this.greenData = [] |
| | | this.closeSocket() |
| | | this.socket = new WebSocket(`${WS_URL}/3/${this.symbol}`) |
| | | this.socket.onmessage = (evt) => { |