|
|
|
@ -27,9 +27,9 @@ |
|
|
|
<div class="p-x-md p-y-xs"> |
|
|
|
<div class="row d-flex m-y-mini justify-between"> |
|
|
|
<div class="label fn-sm">{{$t('contract.a6')}}</div> |
|
|
|
<div class="color-light">{{cals(item.side,item.order_type)}}</div> |
|
|
|
<div class="color-light" :class="item.order_type==1?'backgroundcol2':'backgroundcol1'">{{cals(item.side,item.order_type)}}</div> |
|
|
|
</div> |
|
|
|
<div class="row d-flex m-y-mini justify-between"> |
|
|
|
<div class="row d-flex m-y-mini justify-between" v-if="0"> |
|
|
|
<div class="label fn-sm">{{$t('contract.a7')}}/{{$t('contract.a8')}}</div> |
|
|
|
<div class="color-light">{{item.traded_amount}}/{{item.amount}}</div> |
|
|
|
</div> |
|
|
|
@ -49,6 +49,10 @@ |
|
|
|
<div class="label fn-sm">{{$t('contract.c7')}}</div> |
|
|
|
<div class="color-light" :class="item.profit>0?'increace1':item.profit<0?'decreace1':''">{{item.profit*1||'--'}}</div> |
|
|
|
</div> |
|
|
|
<div class="row d-flex m-y-mini justify-between"> |
|
|
|
<div class="label fn-sm">{{$t('contract.c7')}}</div> |
|
|
|
<div class="color-light" :class="item.profit>0?'increace1':item.profit<0?'decreace1':''">{{item.profitRate||'--'}}</div> |
|
|
|
</div> |
|
|
|
<div class="row d-flex m-y-mini justify-between"> |
|
|
|
<div class="label fn-sm">{{$t('contract.b3')}}</div> |
|
|
|
<div class="color-light">{{ status(item.status) }}</div> |
|
|
|
@ -410,4 +414,16 @@ export default { |
|
|
|
.decreace1{ |
|
|
|
color: #ea3131 !important; |
|
|
|
} |
|
|
|
.backgroundcol1{ |
|
|
|
width: 50px; |
|
|
|
border-radius: 4px; |
|
|
|
text-align: center; |
|
|
|
background-image: linear-gradient(to right, #D31027, #EA384D); |
|
|
|
} |
|
|
|
.backgroundcol2{ |
|
|
|
width: 50px; |
|
|
|
border-radius: 4px; |
|
|
|
text-align: center; |
|
|
|
background-image: linear-gradient(to right, #2fad66, #9de686); |
|
|
|
} |
|
|
|
</style> |
|
|
|
|