| | |
| | | |
| | | <div :class="{ slide2: animated1 }" v-if="selectIndex === 1"> |
| | | <div class="mainBackground" key="x"> |
| | | <PerpetualOpen class="pl-30 pr-30" :key="keyIndex + 'a'" :selectIndex="selectIndex" :symbol="symbol" |
| | | <PerpetualOpen :range="range" class="pl-30 pr-30" :key="keyIndex + 'a'" :selectIndex="selectIndex" :symbol="symbol" |
| | | :green-data="bids" :red-data="asks" :price="price" :init-open="initOpen" :init-close="initClose" |
| | | :init-futrue="initFutrue" @ordered="onOrdered" :currentType="currentType" |
| | | @changeCurrentType="changeCurrentType" @changeValueBack="changeValueBack"> |
| | | </PerpetualOpen> |
| | | <div class="line"></div> |
| | | <!-- <div class="line"></div>--> |
| | | <!-- 委托/持仓--> |
| | | <PerpetualOrder class="pl-30 pr-30" :key="keyIndex + 'b'" :symbol="symbol" :order-cur="orderCur" |
| | | :order-hold="orderHold" :topIndex="selectIndex" :futrue-hold="futrueHold" |
| | |
| | | </div> |
| | | <div :class="{ slide1: animated2 }" v-else> |
| | | <div class="mainBackground" key="y"> |
| | | <PerpetualOpen class="pl-30 pr-30" :key="keyIndex + 'c'" :selectIndex="selectIndex" :symbol="symbol" |
| | | <PerpetualOpen :range="range" class="pl-30 pr-30" :key="keyIndex + 'c'" :selectIndex="selectIndex" :symbol="symbol" |
| | | :green-data="bids" :red-data="asks" :price="price" :init-open="initOpen" :init-close="initClose" |
| | | :init-futrue="initFutrue" @ordered="onOrdered" @changeValueBack="changeValueBack"> |
| | | </PerpetualOpen> |
| | | <div class="line"></div> |
| | | <!-- <div class="line"></div>--> |
| | | <!-- 委托/持仓--> |
| | | <PerpetualOrder class="pl-30 pr-30" :key="keyIndex + 'd'" :symbol="symbol" :order-cur="orderCur" |
| | | :order-hold="orderHold" :price="price" :topIndex="selectIndex" :futrue-hold="futrueHold" |
| | |
| | | }, |
| | | fetchDeepData(symbol) { |
| | | console.log('sd') |
| | | this.startDeepSocket() // socket |
| | | _getDeepData(symbol).then(data => { // 获取深度 |
| | | console.log(data) |
| | | this.handleDeep(data) |
| | | this.startDeepSocket() // socket |
| | | }) |
| | | }, |
| | | handleDeep(data) { |