You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
117 lines
3.0 KiB
117 lines
3.0 KiB
<template> |
|
<div> |
|
<nav-header border-style="full"></nav-header> |
|
<div class="usdList"> |
|
<div class="usdItem" element-loading-background="rgba(0, 0, 0, 0.2)"> |
|
<!-- 跳转到交易中心,携带交易对 --> |
|
<a href="javascript:;"> |
|
<p>微信 <i class="el-icon-star-off"></i></p> |
|
<p>初始资金：{{ userTimeMoneyDto.wxPayInit }}</p> |
|
<p>余额：{{ userTimeMoneyDto.wxPay }}CNY</p> |
|
</a> |
|
</div> |
|
<div class="usdItem" element-loading-background="rgba(0, 0, 0, 0.2)"> |
|
<!-- 跳转到交易中心,携带交易对 --> |
|
<a href="javascript:;"> |
|
<p>支付宝 <i class="el-icon-star-off"></i></p> |
|
<p>初始资金：{{ userTimeMoneyDto.aliPayInit }}</p> |
|
<p>余额：{{ userTimeMoneyDto.aliPay }}CNY</p> |
|
</a> |
|
</div> |
|
<div class="usdItem" element-loading-background="rgba(0, 0, 0, 0.2)"> |
|
<!-- 跳转到交易中心,携带交易对 --> |
|
<a href="javascript:;"> |
|
<p>银行卡 <i class="el-icon-star-off"></i></p> |
|
<p>初始资金：{{ userTimeMoneyDto.bankCardInit }}</p> |
|
<p>余额：{{ userTimeMoneyDto.bankCard }}CNY</p> |
|
</a> |
|
</div> |
|
</div> |
|
|
|
<div class="usdList tabs"> |
|
<el-tabs v-model="activeName"> |
|
<el-tab-pane label="BTC" name="BTC" |
|
>余额：{{ userTimeMoneyDto.btc }}</el-tab-pane |
|
> |
|
<el-tab-pane label="USDT" name="USDT" |
|
>余额：{{ userTimeMoneyDto.usdt }}</el-tab-pane |
|
> |
|
<el-tab-pane label="EOS" name="EOS" |
|
>余额：{{ userTimeMoneyDto.eos }}</el-tab-pane |
|
> |
|
<el-tab-pane label="ETH" name="ETH" |
|
>余额：{{ userTimeMoneyDto.eth }}</el-tab-pane |
|
> |
|
</el-tabs> |
|
</div> |
|
<Footer /> |
|
</div> |
|
</template> |
|
|
|
<script> |
|
import NavHeader from '@/components/common/header'; |
|
import Footer from '@/components/common/footer'; |
|
import {getUserTimeMoneyDto} from '@/api/yyyf'; |
|
export default { |
|
name: 'entry', |
|
data() { |
|
return { |
|
activeName: 'BTC', |
|
userTimeMoneyDto: {}, |
|
}; |
|
}, |
|
components: { |
|
NavHeader, |
|
Footer, |
|
}, |
|
created() { |
|
getUserTimeMoneyDto().then(res => { |
|
if (res.data.code === 200) { |
|
this.userTimeMoneyDto = res.data.data; |
|
} else { |
|
this.$message.warning({ |
|
message: res.data.msg, |
|
onClose: function() { |
|
this.closeWindow(); |
|
}, |
|
}); |
|
} |
|
}); |
|
}, |
|
}; |
|
</script> |
|
|
|
<style scoped lang="scss"> |
|
.usdList { |
|
margin: 0 auto; |
|
width: 1180px; |
|
margin-top: 34px; |
|
// margin: 2% auto 0; |
|
display: flex; |
|
justify-content: space-between; |
|
|
|
.usdItem { |
|
width: 28.5%; |
|
position: relative; |
|
background: rgba(43, 44, 53, 1); |
|
border: 1px solid rgba(71, 71, 71, 0.1); |
|
border-radius: 4px 4px 4px 4px; |
|
p { |
|
margin-left: 30px; |
|
font-size: 16px; |
|
color: #fff; |
|
// margin-top: 9px; |
|
} |
|
} |
|
&.tabs { |
|
color: #fff; |
|
.el-tabs { |
|
width: 100%; |
|
} |
|
.el-tab-pane { |
|
width: 100%; |
|
min-height: 300px; |
|
} |
|
} |
|
} |
|
</style>
|
|
|