| | |
| | | </div> |
| | | </section> |
| | | <div class=" rounded-view" key="x"> |
| | | <PerpetualOpen class="pl-30 pr-30" :key="keyIndex + 'a'" :selectIndex="selectIndex" :symbol="symbol" |
| | | <PerpetualOpen :key="keyIndex + 'a'" :selectIndex="selectIndex" :symbol="symbol" |
| | | :green-data="bids" :red-data="asks" :price="price" :init-open="initOpen" :init-close="initClose" |
| | | :init-futrue="initFutrue" :currentType="currentType" @changeValueBack="changeValueBack" |
| | | @changeCurrentType="changeCurrentType" @ordered="onOrdered"> |
| | | </PerpetualOpen> |
| | | <!-- <div class="line"></div> --> |
| | | <!-- 委托/持仓--> |
| | | <PerpetualOrder class="pl-30 pr-30" :key="keyIndex + 'b'" :symbol="symbol" :order-cur="orderCur" |
| | | <PerpetualOrder :key="keyIndex + 'b'" :symbol="symbol" :order-cur="orderCur" |
| | | :order-hold="orderHold" :topIndex="selectIndex" :futrue-hold="futrueHold" :futrue-histroy="futrueHistroy" |
| | | @tab="onTab" @recall="onRecall"> |
| | | </PerpetualOrder> |
| | |
| | | </div> |
| | | </div> |
| | | </section> |
| | | <div class=" rounded-view" key="y"> |
| | | <PerpetualOpen class="pl-30 pr-30" :key="keyIndex + 'c'" :selectIndex="selectIndex" :symbol="symbol" |
| | | <div class="rounded-view" key="y"> |
| | | <PerpetualOpen :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> --> |
| | | <!-- 委托/持仓--> |
| | | <PerpetualOrder class="pl-30 pr-30" :key="keyIndex + 'd'" :symbol="symbol" :order-cur="orderCur" |
| | | <PerpetualOrder :key="keyIndex + 'd'" :symbol="symbol" :order-cur="orderCur" |
| | | :order-hold="orderHold" :price="price" :topIndex="selectIndex" :futrue-hold="futrueHold" |
| | | :futrue-histroy="futrueHistroy" @tab="onTab" @recall="onRecall"> |
| | | </PerpetualOrder> |
| | |
| | | @import "@/assets/init.scss"; |
| | | |
| | | .trade_new { |
| | | color: $log-c; |
| | | background: $mainbgWhiteColor; |
| | | // color: $log-c; |
| | | // background: $mainbgWhiteColor; |
| | | min-height: 100vh; |
| | | padding: 1.4rem 1.4rem 7rem 1.4rem; |
| | | |
| | |
| | | } |
| | | |
| | | #cryptos { |
| | | background: $mainbgWhiteColor; |
| | | // background: $mainbgWhiteColor; |
| | | $inp-b: #f7f7f7; |
| | | |
| | | :deep(.textColor) { |
| | | color: $log-c; |
| | | } |
| | | |
| | | :deep(.long) { |
| | | color: $log-c !important; |
| | | background: $bg_yellow; |
| | | border-radius: 5rem; |
| | | } |
| | | |
| | | :deep(.short) { |
| | | color: $log-c !important; |
| | | background: $bg_yellow; |
| | | border-radius: 5rem; |
| | | } |
| | | |
| | | :deep(.poecs) { |
| | |
| | | background: $inp-b; |
| | | } |
| | | |
| | | :deep(.greyBg) { |
| | | background: $inp-b; |
| | | } |
| | | // :deep(.greyBg) { |
| | | // background: $inp-b; |
| | | // } |
| | | |
| | | :deep(.option-box) { |
| | | background: $inp-b; |
| | | box-shadow: 0px 0px 0.1875rem 0.1875rem $inp-b; |
| | | color: $log-c !important; |
| | | } |
| | | |
| | | :deep(.select-box) { |
| | | background: $inp-b; |
| | | color: $log-c !important; |
| | | } |
| | | // :deep(.option-box) { |
| | | // background: $inp-b; |
| | | // box-shadow: 0px 0px 0.1875rem 0.1875rem $inp-b; |
| | | // color: $log-c !important; |
| | | // } |
| | | |
| | | :deep(.rounded-lg) { |
| | | background: $inp-b; |