|
|
@ -1,9 +1,9 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view> |
|
|
<view style="background-color: #fff;"> |
|
|
<view class="d-flex p-x-md p-0 fa p-t-md justify-between align-center fn-18 bg-panel-3 color-light flex-wrap"> |
|
|
<view class="d-flex p-x-md p-0 fa p-t-md p-d-md justify-between align-center fn-18 bg-panel-2 color-dark flex-wrap"> |
|
|
<view class="w-max" style="height: var(--status-bar-height)"></view> |
|
|
<view class="w-max" style="height: var(--status-bar-height)"></view> |
|
|
<view @click="$emit('symbol')" class="d-flex align-center"> |
|
|
<view @click="$emit('symbol')" class="d-flex align-center"> |
|
|
<i class="iconfont color-light fn-bold fn-18"></i> |
|
|
<i class="iconfont fn-bold fn-18" style="color: #000!important;"></i> |
|
|
<text class="fn-bold" style="margin-right: 5px;">{{ symbol }}</text> |
|
|
<text class="fn-bold" style="margin-right: 5px;">{{ symbol }}</text> |
|
|
{{ $t("first.b8") }} |
|
|
{{ $t("first.b8") }} |
|
|
<text class="fn-10 m-l-xs p-y-2" |
|
|
<text class="fn-10 m-l-xs p-y-2" |
|
|
@ -21,17 +21,17 @@ |
|
|
tag="view" |
|
|
tag="view" |
|
|
class="" |
|
|
class="" |
|
|
:to="{ |
|
|
:to="{ |
|
|
path: '/pages/exchange/index', |
|
|
path: '/pages/exchange/index', |
|
|
query: { code: symbol, contract: 1 }, |
|
|
query: { code: symbol, contract: 1 }, |
|
|
}" |
|
|
}" |
|
|
> |
|
|
> |
|
|
<van-icon name="chart-trending-o"/> |
|
|
<van-icon name="chart-trending-o"/> |
|
|
</v-link> |
|
|
</v-link> |
|
|
</view> |
|
|
</view> |
|
|
<view class="p-ms bg-form-panel-3 fn-sm m-t-xs rounded-sm d-flex justify-between w-max fn-13"> |
|
|
<view v-if="1" class="p-ms fn-sm m-t-xs rounded-sm d-flex justify-between w-max fn-13"> |
|
|
<view class="item w-33 t-no positions"> |
|
|
<view class="item w-33 t-no positions"> |
|
|
<view class="label">{{ $t("contract.d4") }}(USDT)</view> |
|
|
<view class="label">{{ $t("contract.d4") }}(USDT)</view> |
|
|
<view class="num color-light d-flex align-center" style="margin-top:8px;"> |
|
|
<view class="num color-dark d-flex align-center" style="margin-top:8px;"> |
|
|
<text>{{ accountInfo.account_equity || "--"}}</text> |
|
|
<text>{{ accountInfo.account_equity || "--"}}</text> |
|
|
<van-icon name="exchange bg-form-panel-3" @click="_router.push('/pages/transfer/index')" |
|
|
<van-icon name="exchange bg-form-panel-3" @click="_router.push('/pages/transfer/index')" |
|
|
class="p-l-xs color-theme-1 icon"/> |
|
|
class="p-l-xs color-theme-1 icon"/> |
|
|
@ -43,7 +43,7 @@ |
|
|
{{ $t("contract.e4") }} |
|
|
{{ $t("contract.e4") }} |
|
|
(USDT) |
|
|
(USDT) |
|
|
</view> |
|
|
</view> |
|
|
<view class="num color-light " style="margin-top:8px;"> |
|
|
<view class="num color-dark " style="margin-top:8px;"> |
|
|
<!-- {{accountInfo.totalUnrealProfit}} --> |
|
|
<!-- {{accountInfo.totalUnrealProfit}} --> |
|
|
{{accountInfo.usable_balance}} |
|
|
{{accountInfo.usable_balance}} |
|
|
</view> |
|
|
</view> |
|
|
@ -53,7 +53,7 @@ |
|
|
{{ $t("contract.d6") }} |
|
|
{{ $t("contract.d6") }} |
|
|
<van-icon @click="popshow=true" class="color-theme-1 m-l-xs" name="info-o"/> |
|
|
<van-icon @click="popshow=true" class="color-theme-1 m-l-xs" name="info-o"/> |
|
|
</view> |
|
|
</view> |
|
|
<view class="num color-light fn-right" style="margin-top:8px;">{{ |
|
|
<view class="num color-dark fn-right" style="margin-top:8px;">{{ |
|
|
accountInfo.riskRate || "0%" |
|
|
accountInfo.riskRate || "0%" |
|
|
}} |
|
|
}} |
|
|
</view> |
|
|
</view> |
|
|
@ -91,7 +91,7 @@ |
|
|
</text> |
|
|
</text> |
|
|
<i class="iconfont"></i> |
|
|
<i class="iconfont"></i> |
|
|
</v-picker> --> |
|
|
</v-picker> --> |
|
|
<v-dropdwon class="w-60 m-r-xs bg-form-panel-3 p-y-xxs rounded posi" :list="commissionTypes" |
|
|
<v-dropdwon class="w-60 m-r-xs p-y-xxs rounded posi" :list="commissionTypes" |
|
|
@onClick="dropDownChange"> |
|
|
@onClick="dropDownChange"> |
|
|
</v-dropdwon> |
|
|
</v-dropdwon> |
|
|
<!-- <v-picker |
|
|
<!-- <v-picker |
|
|
@ -104,7 +104,7 @@ |
|
|
<i class="iconfont fn-13"></i> |
|
|
<i class="iconfont fn-13"></i> |
|
|
</v-picker> --> |
|
|
</v-picker> --> |
|
|
<v-dropdwon v-if="lever_rage.length>0" |
|
|
<v-dropdwon v-if="lever_rage.length>0" |
|
|
class="w-40 m-r-xs posi bg-form-panel-3 p-y-xxs rounded" :contract="contract" |
|
|
class="w-40 m-r-xs posi p-y-xxs rounded" :contract="contract" |
|
|
:list="lever_rage" @onClick="openNum" :leverShow="leverShow"> |
|
|
:list="lever_rage" @onClick="openNum" :leverShow="leverShow"> |
|
|
</v-dropdwon> |
|
|
</v-dropdwon> |
|
|
</view> |
|
|
</view> |
|
|
@ -125,7 +125,8 @@ |
|
|
v-if="form.type == 1" |
|
|
v-if="form.type == 1" |
|
|
disabled |
|
|
disabled |
|
|
:value='$t("first.a4")' |
|
|
:value='$t("first.a4")' |
|
|
class="h-30 p-y-xxs rounded fn-center fn-bold color-light bg-form-panel-3 p-x-xs" |
|
|
class="h-30 p-y-xxs rounded-xs fn-center fn-bold color-dark p-x-xs" |
|
|
|
|
|
style="background-color: #F5F5F5;" |
|
|
></v-input> |
|
|
></v-input> |
|
|
</view> |
|
|
</view> |
|
|
<view> |
|
|
<view> |
|
|
@ -135,10 +136,11 @@ |
|
|
v-model="margin" |
|
|
v-model="margin" |
|
|
:placeholder="$t('contract.d2')" |
|
|
:placeholder="$t('contract.d2')" |
|
|
@input="sliderActive=-1" |
|
|
@input="sliderActive=-1" |
|
|
class="h-30 p-x-sm p-y-xxs rounded bg-form-panel-3" |
|
|
class="h-30 p-x-sm p-y-xxs rounded-xs" |
|
|
|
|
|
style="background-color: #F5F5F5;" |
|
|
> |
|
|
> |
|
|
<template #right> |
|
|
<template #right> |
|
|
<span class="color-light fn-bold"> |
|
|
<span class="color-dark fn-bold"> |
|
|
<!-- {{ $t("contract.d8") }} --> |
|
|
<!-- {{ $t("contract.d8") }} --> |
|
|
USDT |
|
|
USDT |
|
|
</span> |
|
|
</span> |
|
|
@ -194,13 +196,15 @@ |
|
|
<v-input |
|
|
<v-input |
|
|
:placeholder="$t('contract.i4')" |
|
|
:placeholder="$t('contract.i4')" |
|
|
v-model="form.tp_trigger_price" |
|
|
v-model="form.tp_trigger_price" |
|
|
class="h-30 p-x-ms rounded bg-form-panel-3 fn-12 fn-center" |
|
|
class="h-30 p-x-ms rounded fn-12 fn-center" |
|
|
|
|
|
style="background-color: #f5f5f5;" |
|
|
> |
|
|
> |
|
|
</v-input> |
|
|
</v-input> |
|
|
<v-input |
|
|
<v-input |
|
|
:placeholder="$t('contract.i7')" |
|
|
:placeholder="$t('contract.i7')" |
|
|
v-model="form.sl_trigger_price" |
|
|
v-model="form.sl_trigger_price" |
|
|
class="h-30 p-x-ms m-l-xs rounded fn-12 bg-form-panel-3" |
|
|
class="h-30 p-x-ms m-l-xs rounded fn-12 fn-center" |
|
|
|
|
|
style="background-color: #f5f5f5;" |
|
|
> |
|
|
> |
|
|
</v-input> |
|
|
</v-input> |
|
|
</view> |
|
|
</view> |
|
|
@ -213,7 +217,7 @@ |
|
|
@click="ifOpenPosition(1)" |
|
|
@click="ifOpenPosition(1)" |
|
|
size="small" |
|
|
size="small" |
|
|
block |
|
|
block |
|
|
class="w-max rounded" |
|
|
class="w-max rounded-xs" |
|
|
> |
|
|
> |
|
|
<span class="but_text">{{ $t("contract.c0") }}</span> |
|
|
<span class="but_text">{{ $t("contract.c0") }}</span> |
|
|
<!--<span class="fn-10 but_right">{{ $t("contract.e0") }}</span>--> |
|
|
<!--<span class="fn-10 but_right">{{ $t("contract.e0") }}</span>--> |
|
|
@ -247,7 +251,7 @@ |
|
|
@click="ifOpenPosition(2)" |
|
|
@click="ifOpenPosition(2)" |
|
|
size="small" |
|
|
size="small" |
|
|
block |
|
|
block |
|
|
class="w-max rounded" |
|
|
class="w-max rounded-xs" |
|
|
> |
|
|
> |
|
|
<span class="but_text">{{ $t("contract.c2") }}</span> |
|
|
<span class="but_text">{{ $t("contract.c2") }}</span> |
|
|
<!--<span class="fn-10 but_right">{{ $t("contract.e2") }}</span>--> |
|
|
<!--<span class="fn-10 but_right">{{ $t("contract.e2") }}</span>--> |
|
|
@ -317,15 +321,22 @@ |
|
|
</view> |
|
|
</view> |
|
|
<!-- <view class="h-20"></view> --> |
|
|
<!-- <view class="h-20"></view> --> |
|
|
<!-- <trade-list :tradeList="tradeList" /> --> |
|
|
<!-- <trade-list :tradeList="tradeList" /> --> |
|
|
|
|
|
<view class="" style="background-color: #f5f5f5;width: 90%;margin: 10px auto;padding: 20px;box-sizing: border-box;border-radius: 10px;"> |
|
|
|
|
|
<view class="d-flex"> |
|
|
|
|
|
<view class="">{{$t("ybgcoins3.a7")}}</view> |
|
|
|
|
|
<view class=""></view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="">{{$t("ybgcoins3.a8")}}</view> |
|
|
|
|
|
</view> |
|
|
<view class="p-b-lg"> |
|
|
<view class="p-b-lg"> |
|
|
<view class=" d-flex justify-between align-center p-x-md p-t-md bor5"> |
|
|
<view class=" d-flex justify-between align-center p-x-md p-t-md bor5"> |
|
|
<view class="d-flex w-75 align-center"> |
|
|
<view class="d-flex w-75 align-center"> |
|
|
<text class="m-x-ms" @click="active=0" |
|
|
<text class="m-x-ms" @click="active=0" |
|
|
:class="active==0?'fn-bold fn-15 p-b-xs bor5-active color-light':''"> |
|
|
:class="active==0?'fn-bold fn-15 p-b-xs bor5-active color-dark':''"> |
|
|
{{$t('first.a5')}}({{list.length}}) |
|
|
{{$t('first.a5')}}({{list.length}}) |
|
|
</text> |
|
|
</text> |
|
|
<text class="m-x-ms" @click="active=1" |
|
|
<text class="m-x-ms" @click="active=1" |
|
|
:class="active==1?'fn-bold fn-15 p-b-xs bor5-active color-light':''"> |
|
|
:class="active==1?'fn-bold fn-15 p-b-xs bor5-active color-dark':''"> |
|
|
{{$t('exchange.a4')}}({{listCurrent.length}}) |
|
|
{{$t('exchange.a4')}}({{listCurrent.length}}) |
|
|
</text> |
|
|
</text> |
|
|
<!-- <text class="m-x-ms" @click="active=2" :class="active==2?'fn-bold fn-15 p-b-xs bor5-active color-light':''">{{$t('exchange.a5')}}({{listHistory.length}})</text> --> |
|
|
<!-- <text class="m-x-ms" @click="active=2" :class="active==2?'fn-bold fn-15 p-b-xs bor5-active color-light':''">{{$t('exchange.a5')}}({{listHistory.length}})</text> --> |
|
|
@ -398,7 +409,7 @@ |
|
|
<!-- </view>--> |
|
|
<!-- </view>--> |
|
|
<!--</view>--> |
|
|
<!--</view>--> |
|
|
<view |
|
|
<view |
|
|
class="item border-b bg-panel-3" |
|
|
class="item border-b" |
|
|
v-for="item in (list)" |
|
|
v-for="item in (list)" |
|
|
:key="item.id" |
|
|
:key="item.id" |
|
|
> |
|
|
> |
|
|
@ -437,33 +448,33 @@ |
|
|
<view class="row d-flex m-y-xs justify-between fn-14 p-t-xs"> |
|
|
<view class="row d-flex m-y-xs justify-between fn-14 p-t-xs"> |
|
|
<view class="w-33 fn-left"> |
|
|
<view class="w-33 fn-left"> |
|
|
<view class="label">{{ $t("contract.g6") }}</view> |
|
|
<view class="label">{{ $t("contract.g6") }}</view> |
|
|
<view class="color-light">{{item.avg_price}}</view> |
|
|
<view class="color-dark">{{item.avg_price}}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="w-33 fn-center"> |
|
|
<view class="w-33 fn-center"> |
|
|
<view class="label">{{ $t("first.c5") }}</view> |
|
|
<view class="label">{{ $t("first.c5") }}</view> |
|
|
<view class="color-light"> |
|
|
<view class="color-dark"> |
|
|
<template>{{item.realtimePrice}}</template> |
|
|
<template>{{item.realtimePrice}}</template> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="w-33 fn-right"> |
|
|
<view class="w-33 fn-right"> |
|
|
<view class="label">{{ $t("contract.b1") }}</view> |
|
|
<view class="label">{{ $t("contract.b1") }}</view> |
|
|
<view class="color-light">{{item.position_margin}}</view> |
|
|
<view class="color-dark">{{item.position_margin}}</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="row d-flex m-y-xs justify-between fn-14 p-t-xs"> |
|
|
<view class="row d-flex m-y-xs justify-between fn-14 p-t-xs"> |
|
|
<view class="w-33 fn-left"> |
|
|
<view class="w-33 fn-left"> |
|
|
<view class="label">{{ $t("contract.i4") }}</view> |
|
|
<view class="label">{{ $t("contract.i4") }}</view> |
|
|
<view class="color-light">{{item.tpPrice || "--"}}</view> |
|
|
<view class="color-dark">{{item.tpPrice || "--"}}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="w-33 fn-center"> |
|
|
<view class="w-33 fn-center"> |
|
|
<view class="label">{{ $t("contract.i7") }}</view> |
|
|
<view class="label">{{ $t("contract.i7") }}</view> |
|
|
<view class="color-light"> |
|
|
<view class="color-dark"> |
|
|
<template>{{item.slPrice || "--"}}</template> |
|
|
<template>{{item.slPrice || "--"}}</template> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="w-33 fn-right"> |
|
|
<view class="w-33 fn-right"> |
|
|
<view class="label">{{ $t("contract.a1") }}({{ $t("contract.d8") }})</view> |
|
|
<view class="label">{{ $t("contract.a1") }}({{ $t("contract.d8") }})</view> |
|
|
<view class="color-light"> |
|
|
<view class="color-dark"> |
|
|
{{item.avail_position}} |
|
|
{{item.avail_position}} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -471,30 +482,32 @@ |
|
|
<view class="row d-flex m-y-xs justify-between fn-14 p-t-xs"> |
|
|
<view class="row d-flex m-y-xs justify-between fn-14 p-t-xs"> |
|
|
<view class="w-50 fn-left"> |
|
|
<view class="w-50 fn-left"> |
|
|
<view class="label">{{ $t("option.b6") }}</view> |
|
|
<view class="label">{{ $t("option.b6") }}</view> |
|
|
<view class="color-light" |
|
|
<view class="color-dark" |
|
|
:class="item.unRealProfit>0?'increace':item.unRealProfit<0?'decreace':''"> |
|
|
:class="item.unRealProfit>0?'increace':item.unRealProfit<0?'decreace':''"> |
|
|
{{item.unRealProfit}} |
|
|
{{item.unRealProfit}} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<!-- <view class="w-50 fn-center"> |
|
|
<!-- <view class="w-50 fn-center"> |
|
|
<view class="label">{{ $t("contract.g8") }}888</view> |
|
|
<view class="label">{{ $t("contract.g8") }}888</view> |
|
|
<view class="color-light">{{item.flatPrice}}</view> |
|
|
<view class="color-dark">{{item.flatPrice}}</view> |
|
|
</view> --> |
|
|
</view> --> |
|
|
<view class="w-50 fn-right"> |
|
|
<view class="w-50 fn-right"> |
|
|
<view class="label">{{ $t("contract.h0") }}</view> |
|
|
<view class="label">{{ $t("contract.h0") }}</view> |
|
|
<view class="color-light" :class="item.unRealProfit>0?'color-buy':'color-sell'"> |
|
|
<view class="color-dark" :class="item.unRealProfit>0?'color-buy':'color-sell'"> |
|
|
{{item.profitRate}} |
|
|
{{item.profitRate}} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="row d-flex m-y-xs align-center justify-between fn-13 p-t-xs"> |
|
|
<view class="row d-flex m-y-xs align-center justify-between fn-13 p-t-xs"> |
|
|
<text |
|
|
<text |
|
|
class="bg-form-panel-4 box-shadow rounded-xs p-y-ms w-33 p-x-ms fn-center color-theme-1" |
|
|
class="bg-yellow2 box-shadow rounded-xs p-y-ms w-33 p-x-ms fn-center color-theme-1" |
|
|
|
|
|
style="color: #000;" |
|
|
@click="toStoploss(item)">{{ $t("contract.h5") }} |
|
|
@click="toStoploss(item)">{{ $t("contract.h5") }} |
|
|
</text> |
|
|
</text> |
|
|
<!-- <text class="bg-form-panel-4 box-shadow rounded-xs p-y-ms w-33 p-x-ms fn-center color-theme-1" @click="onekeyReverse(item)">{{ $t("contract.k8") }}</text> --> |
|
|
<!-- <text class="bg-form-panel-4 box-shadow rounded-xs p-y-ms w-33 p-x-ms fn-center color-theme-1" @click="onekeyReverse(item)">{{ $t("contract.k8") }}</text> --> |
|
|
<text |
|
|
<text |
|
|
class="bg-form-panel-4 box-shadow rounded-xs p-y-ms w-33 p-x-ms fn-center color-theme-1" |
|
|
class="bg-yellow2 box-shadow rounded-xs p-y-ms w-33 p-x-ms fn-center color-theme-1" |
|
|
|
|
|
style="color: #000;" |
|
|
@click="closePositionShow(item)">{{ $t("contract.h3") }} |
|
|
@click="closePositionShow(item)">{{ $t("contract.h3") }} |
|
|
</text> |
|
|
</text> |
|
|
<!-- <v-button type="default" size="small" class="opt-btn rounded-xs m-b-xs" @click="closePositionShow(item)">{{ $t("contract.h3") }}</v-button> |
|
|
<!-- <v-button type="default" size="small" class="opt-btn rounded-xs m-b-xs" @click="closePositionShow(item)">{{ $t("contract.h3") }}</v-button> |
|
|
@ -509,7 +522,7 @@ |
|
|
|
|
|
|
|
|
<template v-if="active==1"> |
|
|
<template v-if="active==1"> |
|
|
<view |
|
|
<view |
|
|
class="item border-b bg-panel-3" |
|
|
class="item border-b" |
|
|
v-for="item in (listCurrent)" |
|
|
v-for="item in (listCurrent)" |
|
|
:key="item.id" |
|
|
:key="item.id" |
|
|
> |
|
|
> |
|
|
@ -519,14 +532,14 @@ |
|
|
<view class="suatus m-r-xs" :class="item.side==2?'color-buy':'color-sell'"> |
|
|
<view class="suatus m-r-xs" :class="item.side==2?'color-buy':'color-sell'"> |
|
|
{{cals(item.side, item.order_type)}} {{item.lever_rate}}X |
|
|
{{cals(item.side, item.order_type)}} {{item.lever_rate}}X |
|
|
</view> |
|
|
</view> |
|
|
<view class="color-light fn-bold">{{item.symbol}}/USDT</view> |
|
|
<view class="color-dark fn-bold">{{item.symbol}}/USDT</view> |
|
|
<view class="m-l-ms"> |
|
|
<view class="m-l-ms"> |
|
|
{{item.created_at}} |
|
|
{{item.created_at}} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="d-flex w-25 justify-end align-center"> |
|
|
<view class="d-flex w-25 justify-end align-center"> |
|
|
<!-- <view class="label">{{$t('assets.d0')}}：</view> |
|
|
<!-- <view class="label">{{$t('assets.d0')}}：</view> |
|
|
<view class="color-light"> |
|
|
<view class="color-dark"> |
|
|
{{item.status_text}} |
|
|
{{item.status_text}} |
|
|
</view> --> |
|
|
</view> --> |
|
|
<img width="15px" height="15px" src="static/img/che.png" |
|
|
<img width="15px" height="15px" src="static/img/che.png" |
|
|
@ -536,17 +549,17 @@ |
|
|
<view class="row d-flex m-y-xs justify-between fn-10 p-t-xs"> |
|
|
<view class="row d-flex m-y-xs justify-between fn-10 p-t-xs"> |
|
|
<view class="w-33 fn-left"> |
|
|
<view class="w-33 fn-left"> |
|
|
<view class="label">{{ $t("contract.a8") }}({{ $t("contract.d8") }})</view> |
|
|
<view class="label">{{ $t("contract.a8") }}({{ $t("contract.d8") }})</view> |
|
|
<view class="color-light">{{item.amount}}</view> |
|
|
<view class="color-dark">{{item.amount}}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="w-33 fn-center"> |
|
|
<view class="w-33 fn-center"> |
|
|
<view class="label">{{ $t("exchange.b7") }}(USDT)</view> |
|
|
<view class="label">{{ $t("exchange.b7") }}(USDT)</view> |
|
|
<view class="color-light"> |
|
|
<view class="color-dark"> |
|
|
{{item.entrust_price}} |
|
|
{{item.entrust_price}} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="w-33 fn-right"> |
|
|
<view class="w-33 fn-right"> |
|
|
<view class="label">{{ $t("first.c6") }}</view> |
|
|
<view class="label">{{ $t("first.c6") }}</view> |
|
|
<view class="color-light"> |
|
|
<view class="color-dark"> |
|
|
<template>{{omitTo(item.margin, 2)}}</template> |
|
|
<template>{{omitTo(item.margin, 2)}}</template> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -554,17 +567,17 @@ |
|
|
<view class="row d-flex m-y-xs justify-between fn-10 p-t-xs"> |
|
|
<view class="row d-flex m-y-xs justify-between fn-10 p-t-xs"> |
|
|
<view class="w-33 fn-left"> |
|
|
<view class="w-33 fn-left"> |
|
|
<view class="label">{{ $t("first.c7") }}({{ $t("contract.d8") }})</view> |
|
|
<view class="label">{{ $t("first.c7") }}({{ $t("contract.d8") }})</view> |
|
|
<view class="color-light">{{item.traded_amount}}</view> |
|
|
<view class="color-dark">{{item.traded_amount}}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="w-33 fn-center"> |
|
|
<view class="w-33 fn-center"> |
|
|
<view class="label">{{ $t("contract.a9") }}(USDT)</view> |
|
|
<view class="label">{{ $t("contract.a9") }}(USDT)</view> |
|
|
<view class="color-light"> |
|
|
<view class="color-dark"> |
|
|
{{item.avg_price}} |
|
|
{{item.avg_price}} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="w-33 fn-right"> |
|
|
<view class="w-33 fn-right"> |
|
|
<!-- <view class="label">担保资产</view> |
|
|
<!-- <view class="label">担保资产</view> |
|
|
<view class="color-light"> |
|
|
<view class="color-dark"> |
|
|
<template>{{omitTo(item.margin,2)}}</template> |
|
|
<template>{{omitTo(item.margin,2)}}</template> |
|
|
</view> --> |
|
|
</view> --> |
|
|
</view> |
|
|
</view> |
|
|
@ -580,10 +593,10 @@ |
|
|
<view> |
|
|
<view> |
|
|
<view class="p-y-xs p-x-md border-b d-flex align-center"> |
|
|
<view class="p-y-xs p-x-md border-b d-flex align-center"> |
|
|
<view class="p-xs rounded-sm fn-bold" :class=" |
|
|
<view class="p-xs rounded-sm fn-bold" :class=" |
|
|
activeItem.side == 2 |
|
|
activeItem.side == 2 |
|
|
? 'bg-danger-transparent color-danger' |
|
|
? 'bg-danger-transparent color-danger' |
|
|
: 'bg-success-transparent color-success' |
|
|
: 'bg-success-transparent color-success' |
|
|
"> |
|
|
"> |
|
|
{{ activeItem.side == 1 ? $t("contract.e8") : $t("contract.e9") }} |
|
|
{{ activeItem.side == 1 ? $t("contract.e8") : $t("contract.e9") }} |
|
|
</view> |
|
|
</view> |
|
|
<view class="fn-bold m-x-sm">{{ activeItem.pair_name }}</view> |
|
|
<view class="fn-bold m-x-sm">{{ activeItem.pair_name }}</view> |
|
|
@ -592,11 +605,11 @@ |
|
|
<view class="p-x-md p-t-md d-flex"> |
|
|
<view class="p-x-md p-t-md d-flex"> |
|
|
<view class="m-r-md"> |
|
|
<view class="m-r-md"> |
|
|
<span>{{ $t("contract.e9") }}：</span><span |
|
|
<span>{{ $t("contract.e9") }}：</span><span |
|
|
class="color-light">{{ activeItem.avg_price * 1 }}</span> |
|
|
class="color-dark">{{ activeItem.avg_price * 1 }}</span> |
|
|
</view> |
|
|
</view> |
|
|
<view> |
|
|
<view> |
|
|
<span>{{ $t("contract.i2") }}：</span><span |
|
|
<span>{{ $t("contract.i2") }}：</span><span |
|
|
class="color-light">{{ activeItem.realtimePrice }}</span> |
|
|
class="color-dark">{{ activeItem.realtimePrice }}</span> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="p-x-md p-t-0"> |
|
|
<view class="p-x-md p-t-0"> |
|
|
@ -654,10 +667,10 @@ |
|
|
<view> |
|
|
<view> |
|
|
<view class="p-y-xs p-x-md border-b d-flex align-center"> |
|
|
<view class="p-y-xs p-x-md border-b d-flex align-center"> |
|
|
<view class="p-xs rounded-xs fn-bold" :class=" |
|
|
<view class="p-xs rounded-xs fn-bold" :class=" |
|
|
activeItem.side == 1 |
|
|
activeItem.side == 1 |
|
|
? 'bg-danger-transparent color-danger' |
|
|
? 'bg-danger-transparent color-danger' |
|
|
: 'bg-success-transparent color-success' |
|
|
: 'bg-success-transparent color-success' |
|
|
"> |
|
|
"> |
|
|
{{ $t("contract.h6") |
|
|
{{ $t("contract.h6") |
|
|
}}{{ activeItem.side == 1 ? $t("contract.e8") : $t("contract.e9") }} |
|
|
}}{{ activeItem.side == 1 ? $t("contract.e8") : $t("contract.e9") }} |
|
|
</view> |
|
|
</view> |
|
|
@ -669,7 +682,7 @@ |
|
|
v-model="activeItem.realtimePrice" v-if="activeItem.closeType == 1"> |
|
|
v-model="activeItem.realtimePrice" v-if="activeItem.closeType == 1"> |
|
|
<template #right> |
|
|
<template #right> |
|
|
<!-- <v-button size="mini" type="theme" @click="activeItem.closeType = 2">{{ $t("contract.d7") }}</v-button> --> |
|
|
<!-- <v-button size="mini" type="theme" @click="activeItem.closeType = 2">{{ $t("contract.d7") }}</v-button> --> |
|
|
<v-dropdwon class="w-30 m-r-xs bg-form-panel-3 p-y-xxs rounded posi" :list="shixian" |
|
|
<v-dropdwon class="w-30 m-r-xs p-y-xxs rounded posi" :list="shixian" |
|
|
@onClick="dropDownxian"> |
|
|
@onClick="dropDownxian"> |
|
|
</v-dropdwon> |
|
|
</v-dropdwon> |
|
|
</template> |
|
|
</template> |
|
|
@ -678,7 +691,7 @@ |
|
|
:value="$t('contract.d7')" v-else> |
|
|
:value="$t('contract.d7')" v-else> |
|
|
<template #right> |
|
|
<template #right> |
|
|
<!-- <v-button size="mini" type="theme" @click="activeItem.closeType = 1">{{ $t("contract.h8") }}</v-button> --> |
|
|
<!-- <v-button size="mini" type="theme" @click="activeItem.closeType = 1">{{ $t("contract.h8") }}</v-button> --> |
|
|
<v-dropdwon class="w-30 m-r-xs bg-form-panel-3 p-y-xxs rounded posi" :list="shixian" |
|
|
<v-dropdwon class="w-30 m-r-xs p-y-xxs rounded posi" :list="shixian" |
|
|
@onClick="dropDownxian"> |
|
|
@onClick="dropDownxian"> |
|
|
</v-dropdwon> |
|
|
</v-dropdwon> |
|
|
</template> |
|
|
</template> |
|
|
@ -700,7 +713,7 @@ |
|
|
{{item}}% |
|
|
{{item}}% |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<v-button type="blue" class="rounded-lg" block @click="closePosition" ref="btn"> |
|
|
<v-button type="yellow2" class="rounded-lg" block @click="closePosition" ref="btn"> |
|
|
{{ $t("contract.h3") }} |
|
|
{{ $t("contract.h3") }} |
|
|
</v-button> |
|
|
</v-button> |
|
|
<!-- <view class="h-55"></view> --> |
|
|
<!-- <view class="h-55"></view> --> |
|
|
@ -720,7 +733,7 @@ |
|
|
block |
|
|
block |
|
|
class="w-max rounded-xs " |
|
|
class="w-max rounded-xs " |
|
|
@click="popshow=false" |
|
|
@click="popshow=false" |
|
|
> |
|
|
> |
|
|
{{$t('contract.i9')}} |
|
|
{{$t('contract.i9')}} |
|
|
</v-button> |
|
|
</v-button> |
|
|
</view> |
|
|
</view> |
|
|
@ -941,7 +954,7 @@ export default { |
|
|
this.getMarketInfo(); |
|
|
this.getMarketInfo(); |
|
|
this.contractAccount(); |
|
|
this.contractAccount(); |
|
|
this.getSymbolDetail(); |
|
|
this.getSymbolDetail(); |
|
|
console.log(222222222222); |
|
|
console.log(222222222222); |
|
|
}, |
|
|
}, |
|
|
// 当前页面显示就订阅 |
|
|
// 当前页面显示就订阅 |
|
|
isShow(n) { |
|
|
isShow(n) { |
|
|
@ -1704,7 +1717,8 @@ export default { |
|
|
.minus-class, |
|
|
.minus-class, |
|
|
.input-class, |
|
|
.input-class, |
|
|
.plus-class { |
|
|
.plus-class { |
|
|
background: $form-panel-4; |
|
|
color: #333; |
|
|
|
|
|
background-color: #F5F5F5!important; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -1824,12 +1838,10 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .plus-class { |
|
|
::v-deep .plus-class { |
|
|
background-color: $panel-4 !important; |
|
|
|
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .minus-class { |
|
|
::v-deep .minus-class { |
|
|
background-color: $panel-4 !important; |
|
|
|
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -1874,7 +1886,9 @@ export default { |
|
|
.h-120 { |
|
|
.h-120 { |
|
|
height: 120px; |
|
|
height: 120px; |
|
|
} |
|
|
} |
|
|
|
|
|
.p-d-md{ |
|
|
|
|
|
padding-bottom: 10px; |
|
|
|
|
|
} |
|
|
.borders { |
|
|
.borders { |
|
|
// border-color: $form-panel-4!important; |
|
|
// border-color: $form-panel-4!important; |
|
|
border: 1px solid $form-panel-4 !important; |
|
|
border: 1px solid $form-panel-4 !important; |
|
|
@ -1962,4 +1976,17 @@ export default { |
|
|
.but_text { |
|
|
.but_text { |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
} |
|
|
} |
|
|
</style>s |
|
|
.layout-main{ |
|
|
|
|
|
color: #000!important; |
|
|
|
|
|
background-color: #fff; |
|
|
|
|
|
} |
|
|
|
|
|
/deep/ .green uni-button{ |
|
|
|
|
|
background-color: #2EBD85; |
|
|
|
|
|
} |
|
|
|
|
|
/deep/ .red uni-button{ |
|
|
|
|
|
background-color: #F6465D; |
|
|
|
|
|
} |
|
|
|
|
|
/deep/ .van-stepper{ |
|
|
|
|
|
background-color: #F5F5F5 !important; |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|
|
