| | |
| | | </p> |
| | | </li> |
| | | <li v-for="(item, index) in bids" :key="index" class="flex justify-between font-26 py-15" :style="{ |
| | | 'background': `linear-gradient(to left,${THEME == 'dark' ? '#131A2E' : '#fff'} 0% ` + |
| | | 'background': `linear-gradient(to left,${THEME == 'dark' ? '#131A2E' : '#555'} 0% ` + |
| | | (item.amount / bids[bids.length - 1].amount) * 100 + '%,rgba(94,186,137,.1) ' + |
| | | (item.amount / bids[bids.length - 1].amount) * 100 + '%,rgba(94,186,137,.1) 100%)' |
| | | }"> |
| | |
| | | </p> |
| | | </li> |
| | | <li v-for="(item, index) in asks" :key="index" class="flex justify-between font-26 py-15" :style="{ |
| | | 'background': `linear-gradient(to left,${THEME == 'dark' ? '#131A2E' : '#fff'} 0% ` + |
| | | 'background': `linear-gradient(to left,${THEME == 'dark' ? '#131A2E' : '#555'} 0% ` + |
| | | (item.amount / asks[asks.length - 1].amount) * 100 + '%,rgba(246,70,93,.1) ' + |
| | | (item.amount / asks[asks.length - 1].amount) * 100 + '%,rgba(246,70,93,.1) 100%)' |
| | | }"> |
| | |
| | | order_no: '', |
| | | timer: null, |
| | | isChangeLine: false, |
| | | isNight: false, |
| | | isNight: true, |
| | | isChange: true, //是否有切换黑夜白天模式 |
| | | kineType: '', |
| | | deepBuy: [], |
| | |
| | | } |
| | | }, |
| | | startAskBidSocket() { // 委托 |
| | | |
| | | this.sockets.askBid = new WebSocket(`${WS_URL}/3/${this.symbol}`) |
| | | this.sockets.askBid.onmessage = (evt) => { |
| | | const { data } = evt |
| | |
| | | <style lang="scss" scoped> |
| | | @import "@/assets/init.scss"; |
| | | |
| | | |
| | | #cryptos { |
| | | :deep(.van-tabs__wrap) { |
| | | height: 60px !important; |
| | |
| | | } |
| | | |
| | | ul li { |
| | | background: $night ; |
| | | background: $main_background ; |
| | | } |
| | | |
| | | .activeBtn { |