|
|
|
@ -1,8 +1,22 @@ |
|
|
|
<template> |
|
|
|
<div class="markets-pair-list exchange-store bg-plain"> |
|
|
|
<div class="nav nav-pills"> |
|
|
|
<div class="nav-item"> |
|
|
|
<a class="nav-link" :class="{ active: tab == 1 }" @click="tab = 1">{{ |
|
|
|
<div class="markets-pair-list exchange-store bg-plain" style="margin-top: 8px;"> |
|
|
|
<div class="px-3 pri"> |
|
|
|
<div class="nav nav-pills" style="border-bottom: 1px solid #2e2e2e;"> |
|
|
|
<div class="nav-item"> |
|
|
|
<a class="nav-link" :class="{ active: form.type == 2 }" @click="form.type = 2">{{ |
|
|
|
$t("contract.d9") |
|
|
|
}}</a> |
|
|
|
</div> |
|
|
|
<div class="nav-item"> |
|
|
|
<a class="nav-link" :class="{ active: form.type == 1 }" @click="form.type = 1">{{ |
|
|
|
$t("contract.e0") |
|
|
|
}}</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="nav nav-pills px-3 py-3"> |
|
|
|
<div class="nav-item" style="background-color: #2e2e2e;width:50%;text-align: center;"> |
|
|
|
<a class="nav-link" @click="tab = 1">{{ |
|
|
|
$t("contract.d5") |
|
|
|
}}</a> |
|
|
|
</div> |
|
|
|
@ -11,8 +25,8 @@ |
|
|
|
$t("contract.d6") |
|
|
|
}}</a> |
|
|
|
</div> --> |
|
|
|
<div class="flex-fill px-3 justify-content-end d-flex align-items-center"> |
|
|
|
<el-popover |
|
|
|
<div class="flex-fill px-3 justify-content-end d-flex align-items-center" style="background-color: #2e2e2e;width:50%;text-align: center;"> |
|
|
|
<el-popover style="display: block;width: 100%;" |
|
|
|
placement="bottom" |
|
|
|
width="100" |
|
|
|
v-model="visible" |
|
|
|
@ -23,7 +37,7 @@ |
|
|
|
slot="reference" |
|
|
|
@click="visible = !visible" |
|
|
|
> |
|
|
|
{{ $t("contract.b0") }} |
|
|
|
<!-- {{ $t("contract.b0") }} --> |
|
|
|
<span class="fn-16"> {{ form.lever_rate }}X </span> |
|
|
|
<i class="el-icon-edit text-primary"></i> |
|
|
|
</div> |
|
|
|
@ -43,106 +57,192 @@ |
|
|
|
</el-popover> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="content-box px-3 "> |
|
|
|
<div v-if="type == 2" class="input-group my-4 input-group-sm"> |
|
|
|
<div class="input-group-prepend"> |
|
|
|
<span class="input-group-text">{{ $t("contract.d7") }}</span> |
|
|
|
</div> |
|
|
|
<input type="number" class="form-control" placeholder="" /> |
|
|
|
<div class="input-group-append"> |
|
|
|
<span class="input-group-text">USDT</span> |
|
|
|
<div class="content-box d-flex" style="flex-wrap: wrap;justify-content: space-between;"> |
|
|
|
<!-- 买入表单 --> |
|
|
|
<div style="width: 50%;" class="px-3"> |
|
|
|
<div class="d-flex my-4 align-items-center"> |
|
|
|
<div class="input-group input-group-sm"> |
|
|
|
<div class="input-group-prepend"> |
|
|
|
<span class="input-group-text">{{ $t("contract.d8") }}</span> |
|
|
|
</div> |
|
|
|
<template v-if="form.type == 1"> |
|
|
|
<input |
|
|
|
type="number" |
|
|
|
v-model="buyform.entrust_price" |
|
|
|
class="form-control" |
|
|
|
placeholder="" |
|
|
|
/> |
|
|
|
<div class="input-group-append"> |
|
|
|
<span class="input-group-text">USDT</span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-if="form.type == 2"> |
|
|
|
<input |
|
|
|
type="text" |
|
|
|
disabled |
|
|
|
:value="$t('contract.d9')" |
|
|
|
class="form-control" |
|
|
|
:placeholder="$t('contract.d9')" |
|
|
|
/> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="d-flex my-4 align-items-center"> |
|
|
|
<div class="input-group input-group-sm"> |
|
|
|
<div class="input-group mb-4 input-group-sm"> |
|
|
|
<div class="input-group-prepend"> |
|
|
|
<span class="input-group-text">{{ $t("contract.d8") }}</span> |
|
|
|
<!-- <span class="input-group-text">{{ $t("contract.e1") }}</span> --> |
|
|
|
<span class="input-group-text">{{ $t("contract.l2") }}</span> |
|
|
|
</div> |
|
|
|
<template v-if="form.type == 1"> |
|
|
|
<input |
|
|
|
|
|
|
|
<input |
|
|
|
type="number" |
|
|
|
v-model="form.entrust_price" |
|
|
|
class="form-control" |
|
|
|
placeholder="" |
|
|
|
/> |
|
|
|
<div class="input-group-append"> |
|
|
|
<span class="input-group-text">USDT</span> |
|
|
|
v-model="marginBuy" |
|
|
|
:placeholder="tips" |
|
|
|
/> |
|
|
|
<!-- <div class="input-group-append"> |
|
|
|
<span class="input-group-text">{{ $t("contract.e2") }}</span> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
<div class="px-2" v-if="this.tab == 1"> |
|
|
|
<el-slider |
|
|
|
:value="activeStepBuy" |
|
|
|
@input="sliderChangeBuy" |
|
|
|
:format-tooltip="tooltip" |
|
|
|
:marks="marks" |
|
|
|
:step="25" |
|
|
|
></el-slider> |
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-between mb-3 color_7c fn-10"> |
|
|
|
<div>0</div> |
|
|
|
<div>100%</div> |
|
|
|
</div> |
|
|
|
<!-- 开仓 --> |
|
|
|
<div v-if="tab == 1" class="kaicang"> |
|
|
|
<div class="d-flex justify-content-between mb-3"> |
|
|
|
<div class="color_7c">{{ $t("contract.e7") }} </div> |
|
|
|
<div>{{ maxNum }}</div> |
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-between mb-3"> |
|
|
|
<div class="color_7c">{{ $t("contract.e1") }}</div> |
|
|
|
<div>{{ amountBuy }} </div> |
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-between mb-4"> |
|
|
|
<div class="color_7c">{{ $t("contract.a3") }}</div> |
|
|
|
<div> |
|
|
|
{{ accountInfo.usable_balance }} USDT |
|
|
|
<i |
|
|
|
class="el-icon-sort" |
|
|
|
@click="$router.push('/wallet/assets/exchange')" |
|
|
|
></i> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-if="form.type == 2"> |
|
|
|
<input |
|
|
|
type="text" |
|
|
|
disabled |
|
|
|
:value="$t('contract.d9')" |
|
|
|
class="form-control" |
|
|
|
:placeholder="$t('contract.d9')" |
|
|
|
/> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<button |
|
|
|
@click="form.type == 1 ? (form.type = 2) : (form.type = 1)" |
|
|
|
class="btn btn-sm btn-outline-primary ml-2 text-nowrap" |
|
|
|
> |
|
|
|
{{ form.type == 1 ? $t("contract.e0") : $t("contract.d9") }} |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
<div class="input-group mb-4 input-group-sm"> |
|
|
|
<div class="input-group-prepend"> |
|
|
|
<!-- <span class="input-group-text">{{ $t("contract.e1") }}</span> --> |
|
|
|
<span class="input-group-text">{{ $t("contract.l2") }}</span> |
|
|
|
<!-- 平仓 --> |
|
|
|
<div v-if="tab == 2"> |
|
|
|
<div class="d-flex justify-content-between"> |
|
|
|
<div>{{ $t("contract.e4") }}：</div> |
|
|
|
<div>{{ multiplePositions }} {{ $t("contract.e2") }}</div> |
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-between mb-4"> |
|
|
|
<div>{{ $t("contract.e5") }}:</div> |
|
|
|
<div>{{ shortPosition }} {{ $t("contract.e2") }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 止盈止损 --> |
|
|
|
<div class="d-flex mb-4 border-top py-2"> |
|
|
|
<input type="checkbox" name="" id="" v-model="checkboxBuy"> |
|
|
|
<div>止盈/止损</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<input |
|
|
|
type="number" |
|
|
|
class="form-control" |
|
|
|
v-model="margin" |
|
|
|
:placeholder="tips" |
|
|
|
/> |
|
|
|
<!-- <div class="input-group-append"> |
|
|
|
<span class="input-group-text">{{ $t("contract.e2") }}</span> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
<div class="px-2 mb-4" v-if="this.tab == 1"> |
|
|
|
<el-slider |
|
|
|
:value="activeStep" |
|
|
|
@input="sliderChange" |
|
|
|
:format-tooltip="tooltip" |
|
|
|
:marks="marks" |
|
|
|
:step="25" |
|
|
|
></el-slider> |
|
|
|
<!-- :step="25" --> |
|
|
|
</div> |
|
|
|
<!-- 开仓 --> |
|
|
|
<div v-if="tab == 1" class="kaicang"> |
|
|
|
<div class="d-flex justify-content-between mb-3"> |
|
|
|
<div>{{ $t("contract.e1") }}：</div> |
|
|
|
<!-- {{$t("contract.e2")}} --> |
|
|
|
<div>{{ amount }} </div> |
|
|
|
<!-- 卖出表单 --> |
|
|
|
<div style="width: 50%;" class="px-3"> |
|
|
|
<div class="d-flex my-4 align-items-center"> |
|
|
|
<div class="input-group input-group-sm"> |
|
|
|
<div class="input-group-prepend"> |
|
|
|
<span class="input-group-text">{{ $t("contract.d8") }}</span> |
|
|
|
</div> |
|
|
|
<template v-if="form.type == 1"> |
|
|
|
<input |
|
|
|
type="number" |
|
|
|
v-model="sellform.entrust_price" |
|
|
|
class="form-control" |
|
|
|
placeholder="" |
|
|
|
/> |
|
|
|
<div class="input-group-append"> |
|
|
|
<span class="input-group-text">USDT</span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-if="form.type == 2"> |
|
|
|
<input |
|
|
|
type="text" |
|
|
|
disabled |
|
|
|
:value="$t('contract.d9')" |
|
|
|
class="form-control" |
|
|
|
:placeholder="$t('contract.d9')" |
|
|
|
/> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-between mb-4"> |
|
|
|
<div>{{ $t("contract.a3") }}:</div> |
|
|
|
<div> |
|
|
|
{{ accountInfo.usable_balance }} USDT |
|
|
|
<i |
|
|
|
class="el-icon-sort" |
|
|
|
@click="$router.push('/wallet/assets/exchange')" |
|
|
|
></i> |
|
|
|
<div class="input-group mb-4 input-group-sm"> |
|
|
|
<div class="input-group-prepend"> |
|
|
|
<!-- <span class="input-group-text">{{ $t("contract.e1") }}</span> --> |
|
|
|
<span class="input-group-text">{{ $t("contract.l2") }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<input |
|
|
|
type="number" |
|
|
|
class="form-control" |
|
|
|
v-model="marginSell" |
|
|
|
:placeholder="tips" |
|
|
|
/> |
|
|
|
<!-- <div class="input-group-append"> |
|
|
|
<span class="input-group-text">{{ $t("contract.e2") }}</span> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 平仓 --> |
|
|
|
<div v-if="tab == 2"> |
|
|
|
<div class="d-flex justify-content-between"> |
|
|
|
<div>{{ $t("contract.e4") }}：</div> |
|
|
|
<div>{{ multiplePositions }} {{ $t("contract.e2") }}</div> |
|
|
|
<div class="px-2" v-if="this.tab == 1"> |
|
|
|
<el-slider |
|
|
|
:value="activeStepSell" |
|
|
|
@input="sliderChangeSell" |
|
|
|
:format-tooltip="tooltip" |
|
|
|
:marks="marks" |
|
|
|
:step="25" |
|
|
|
></el-slider> |
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-between mb-4"> |
|
|
|
<div>{{ $t("contract.e5") }}:</div> |
|
|
|
<div>{{ shortPosition }} {{ $t("contract.e2") }}</div> |
|
|
|
<div class="d-flex justify-content-between mb-3 color_7c fn-10"> |
|
|
|
<div>0</div> |
|
|
|
<div>100%</div> |
|
|
|
</div> |
|
|
|
<!-- 开仓 --> |
|
|
|
<div v-if="tab == 1" class="kaicang"> |
|
|
|
<div class="d-flex justify-content-between mb-3"> |
|
|
|
<div class="color_7c">{{ $t("contract.e7") }} </div> |
|
|
|
<div>{{ maxNum }}</div> |
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-between mb-3"> |
|
|
|
<div class="color_7c">{{ $t("contract.e1") }}</div> |
|
|
|
<div>{{ amountSell }} </div> |
|
|
|
</div> |
|
|
|
<div class="d-flex justify-content-between mb-4"> |
|
|
|
<div class="color_7c">{{ $t("contract.a3") }}</div> |
|
|
|
<div> |
|
|
|
{{ accountInfo.usable_balance }} USDT |
|
|
|
<i |
|
|
|
class="el-icon-sort" |
|
|
|
@click="$router.push('/wallet/assets/exchange')" |
|
|
|
></i> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 止盈止损 --> |
|
|
|
<div class="d-flex mb-4 border-top py-2"> |
|
|
|
<input type="checkbox" name="" id="" v-model="checkboxSell"> |
|
|
|
<div>止盈/止损</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="exchange_button" v-if="tab == 1"> |
|
|
|
<div class="px-1 flex-fill mb-4"> |
|
|
|
<div class="exchange_button" v-if="tab == 1" style="width: 100%;"> |
|
|
|
<div class="px-3 flex-fill mb-4"> |
|
|
|
<button |
|
|
|
@click="ifOpenPosition(1)" |
|
|
|
type="button" |
|
|
|
@ -151,12 +251,8 @@ |
|
|
|
{{ $t("contract.d0") }} |
|
|
|
<!-- <span class="fn-12"> （{{ $t("contract.e6") }}） </span> --> |
|
|
|
</button> |
|
|
|
<div class="text-left"> |
|
|
|
{{ $t("contract.e7") }} {{ maxNum }} |
|
|
|
<!-- {{ $t("contract.e2") }} --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="px-1 flex-fill"> |
|
|
|
<div class="px-3 flex-fill"> |
|
|
|
<button |
|
|
|
@click="ifOpenPosition(2)" |
|
|
|
type="button" |
|
|
|
@ -166,13 +262,9 @@ |
|
|
|
<!-- <span class="fn-12"> （{{ $t("contract.e8") }}） </span> --> |
|
|
|
</button> |
|
|
|
<!-- <div class="text-center"> --> |
|
|
|
<div class="text-right"> |
|
|
|
{{ $t("contract.e7") }} {{ maxNum }} |
|
|
|
<!-- {{ $t("contract.e2") }} --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="" v-if="tab == 2"> |
|
|
|
<div class="" v-if="tab == 2" style="width: 100%;"> |
|
|
|
<div class="px-2 flex-fill mb-4"> |
|
|
|
<button |
|
|
|
@click="ifOpenPosition(1)" |
|
|
|
@ -209,14 +301,19 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
tab: 1, |
|
|
|
type: 1, |
|
|
|
|
|
|
|
visible: false, |
|
|
|
form: { |
|
|
|
// 1:限价 2:市价 |
|
|
|
type: 2, |
|
|
|
entrust_price: undefined, |
|
|
|
amount:"", |
|
|
|
type: 2,//2市价1限价 |
|
|
|
lever_rate: "" |
|
|
|
}, |
|
|
|
buyform: { |
|
|
|
entrust_price: undefined, |
|
|
|
amount:"" |
|
|
|
}, |
|
|
|
sellform: { |
|
|
|
entrust_price: undefined, |
|
|
|
amount:"" |
|
|
|
}, |
|
|
|
// 最多可开张数 |
|
|
|
maxNum: 0, |
|
|
|
@ -229,7 +326,10 @@ export default { |
|
|
|
50:'', |
|
|
|
75:'' |
|
|
|
}, |
|
|
|
margin:0, |
|
|
|
marginBuy:0, |
|
|
|
marginSell:0, |
|
|
|
checkboxBuy: false, |
|
|
|
checkboxSell: false |
|
|
|
}; |
|
|
|
}, |
|
|
|
props: { |
|
|
|
@ -257,16 +357,21 @@ export default { |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
symbol() { |
|
|
|
this.form.entrust_price = undefined; |
|
|
|
this.buyform.entrust_price = undefined; |
|
|
|
this.sellform.entrust_price = undefined; |
|
|
|
this.contractAccount(); |
|
|
|
this.getSymbolDetail(); |
|
|
|
}, |
|
|
|
defaultPrice(n) { |
|
|
|
this.form.entrust_price = n; |
|
|
|
this.buyform.entrust_price = n; |
|
|
|
this.sellform.entrust_price = n; |
|
|
|
}, |
|
|
|
newPriceObj(n) { |
|
|
|
if (n && this.form.entrust_price === undefined) { |
|
|
|
this.form.entrust_price = n.price; |
|
|
|
if (n && this.buyform.entrust_price === undefined) { |
|
|
|
this.buyform.entrust_price = n.price; |
|
|
|
} |
|
|
|
if (n && this.sellform.entrust_price === undefined) { |
|
|
|
this.sellform.entrust_price = n.price; |
|
|
|
} |
|
|
|
}, |
|
|
|
contractOpen(n, o) { |
|
|
|
@ -324,9 +429,14 @@ export default { |
|
|
|
if (!item) return 0; |
|
|
|
return item.avail_position; |
|
|
|
}, |
|
|
|
activeStep() { |
|
|
|
if (!this.form.amount || !this.maxNum) return 0; |
|
|
|
let num = (this.form.amount / this.maxNum) * 100; |
|
|
|
activeStepBuy() { |
|
|
|
if (!this.buyform.amount || !this.maxNum) return 0; |
|
|
|
let num = (this.buyform.amount / this.maxNum) * 100; |
|
|
|
return num; |
|
|
|
}, |
|
|
|
activeStepSell() { |
|
|
|
if (!this.sellform.amount || !this.maxNum) return 0; |
|
|
|
let num = (this.sellform.amount / this.maxNum) * 100; |
|
|
|
return num; |
|
|
|
}, |
|
|
|
// 保证金 |
|
|
|
@ -334,13 +444,22 @@ export default { |
|
|
|
// if (!this.form.lever_rate) return ''; |
|
|
|
// return math.omitTo(this.form.amount*this.unit_amount / this.form.lever_rate, 4); |
|
|
|
// }, |
|
|
|
amount(){ |
|
|
|
console.info(this.form.lever_rate) |
|
|
|
console.info(this.margin) |
|
|
|
if (!this.form.lever_rate || !this.margin) return 0; |
|
|
|
let p=this.margin*this.form.lever_rate; |
|
|
|
amountBuy(){ |
|
|
|
// console.info(this.form.lever_rate) |
|
|
|
// console.info(this.margin) |
|
|
|
if (!this.form.lever_rate || !this.marginBuy) return 0; |
|
|
|
let p=this.marginBuy*this.form.lever_rate; |
|
|
|
|
|
|
|
this.buyform.amount=p; |
|
|
|
return p |
|
|
|
}, |
|
|
|
amountSell(){ |
|
|
|
// console.info(this.form.lever_rate) |
|
|
|
// console.info(this.margin) |
|
|
|
if (!this.form.lever_rate || !this.marginSell) return 0; |
|
|
|
let p=this.marginSell*this.form.lever_rate; |
|
|
|
|
|
|
|
this.form.amount=p; |
|
|
|
this.sellform.amount=p; |
|
|
|
return p |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -389,10 +508,15 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 设置数量 |
|
|
|
sliderChange($ev) { |
|
|
|
this.form.amount = Math.round((this.maxNum * $ev) / 100)||''; |
|
|
|
console.info(this.form) |
|
|
|
this.margin=this.form.amount/this.form.lever_rate || 0 |
|
|
|
sliderChangeBuy($ev) { |
|
|
|
this.buyform.amount = Math.round((this.maxNum * $ev) / 100)||''; |
|
|
|
// console.info(this.buyform) |
|
|
|
this.marginBuy=this.buyform.amount/this.form.lever_rate || 0 |
|
|
|
}, |
|
|
|
sliderChangeSell($ev) { |
|
|
|
this.sellform.amount = Math.round((this.maxNum * $ev) / 100)||''; |
|
|
|
// console.info(this.sellform) |
|
|
|
this.marginSell=this.sellform.amount/this.form.lever_rate || 0 |
|
|
|
}, |
|
|
|
// 选择杠杆 |
|
|
|
selectLever(idx) { |
|
|
|
@ -447,14 +571,24 @@ export default { |
|
|
|
symbol: this.symbol, |
|
|
|
...this.form |
|
|
|
}; |
|
|
|
if(side==1){ |
|
|
|
data.entrust_price = this.buyform.entrust_price; |
|
|
|
data.amount = this.buyform.amount; |
|
|
|
data.checkbox = this.checkboxBuy; |
|
|
|
}else{ |
|
|
|
data.entrust_price = this.sellform.entrust_price; |
|
|
|
data.amount = this.sellform.amount; |
|
|
|
data.checkbox = this.checkboxSell; |
|
|
|
} |
|
|
|
Contract.openPosition(data).then(() => { |
|
|
|
this.contractAccount(); |
|
|
|
this.form.amount = 0; |
|
|
|
this.buyform.amount = 0; |
|
|
|
this.sellform.amount = 0; |
|
|
|
this.$message.success(this.$t("contract.f5")); |
|
|
|
this.$emit("position"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 平仓 |
|
|
|
// 平仓-买卖分表单后未处理平仓的表单数据 |
|
|
|
closePosition(side) { |
|
|
|
let data = { |
|
|
|
side: side == 1 ? 2 : 1, |
|
|
|
@ -484,4 +618,55 @@ export default { |
|
|
|
/* ::v-deep .el-slider__stop{ |
|
|
|
background-color: ; |
|
|
|
} */ |
|
|
|
|
|
|
|
.exchange-store.markets-pair-list .pri .nav-link.active::after{ |
|
|
|
content: ""; |
|
|
|
display: block; |
|
|
|
position: absolute; |
|
|
|
bottom: 0px; |
|
|
|
left: 50%; |
|
|
|
width: 52px; |
|
|
|
height: 4px; |
|
|
|
background-color: #fff; |
|
|
|
border-radius: 0px; |
|
|
|
transform: translateX(-50%); |
|
|
|
margin-left: 0px; |
|
|
|
} |
|
|
|
.exchange-store.markets-pair-list .nav{ |
|
|
|
padding: 7px 0px 0px; |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
.exchange-store .btn-success, |
|
|
|
.exchange-store .btn-success:hover{ |
|
|
|
background-color: #52A45A; |
|
|
|
border-color: #52A45A; |
|
|
|
border-radius: 100px; |
|
|
|
color: #fff; |
|
|
|
background-image: none; |
|
|
|
height: 44px; |
|
|
|
} |
|
|
|
.exchange-store .btn-danger, |
|
|
|
.exchange-store .btn-danger:hover{ |
|
|
|
background-color: #BB4965; |
|
|
|
border-color: #BB4965; |
|
|
|
border-radius: 100px; |
|
|
|
color: #fff; |
|
|
|
background-image: none; |
|
|
|
height: 44px; |
|
|
|
} |
|
|
|
.color_7c{ |
|
|
|
color: #7c7c7c !important; |
|
|
|
} |
|
|
|
.exchange-store .input-group-text{ |
|
|
|
background-color: transparent; |
|
|
|
color: #E4E5E4; |
|
|
|
border-color: #404040; |
|
|
|
} |
|
|
|
.exchange-store .form-control{ |
|
|
|
height: 44px !important; |
|
|
|
border-color: #404040; |
|
|
|
} |
|
|
|
.el-icon-sort:before{ |
|
|
|
color: #2C60DC; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
