<template>
|
<div class="financialManagement">
|
<assets-head title="" :goHome="true" />
|
<div class="px-32 mt-20">
|
<div class="font-700 font-53 textColor">{{$t('理财')}}</div>
|
<div class="mt-20 font-26 textColor">{{$t('简单、安全搜索热门币种、立即赚取收益')}}</div>
|
<div class="mt-64 mb-32 font-600 font-40 textColor">{{$t('高收益型')}}</div>
|
<div @click="$router.push('/fund')" class="pt financial financial-bg flex justify-between items-center">
|
<div class="flex flex-col items-start">
|
<span class="font-53 font-700 mb-22">{{$t('基金理财')}}</span>
|
<span class="font-26">{{$t('稳健增值,周期灵活')}}</span>
|
<span class="mt-10 font-26">{{$t('安心理财')}}</span>
|
</div>
|
<img class="w-290 h-240" src="./images/f-bg.png" alt="">
|
</div>
|
<div @click="$router.push('/machine')" class="financial pool-lock-bg mt-32 flex justify-between items-center">
|
<div class="flex flex-col items-start">
|
<span class="font-53 font-700 mb-22">{{$t('智能矿池')}}</span>
|
<span class="font-26">{{$t('真实矿机租赁，套餐选择灵活')}}</span>
|
<span class="mt-10 font-26">{{$t('值得信赖的矿机共享平台')}}</span>
|
</div>
|
<img class="w-290 h-240" src="./images/l-bg.png" alt="">
|
</div>
|
<div @click="$router.push('/pledgeLoan')" class="financial pool-lock-bg mt-32 flex justify-between items-center">
|
<div class="flex flex-col items-start">
|
<span class="font-53 font-700 mb-22">{{$t('质押借币')}}</span>
|
<span class="font-26">{{$t('随时还款、按小时计息')}}</span>
|
<span class="mt-10 font-26">{{$t('无需手续费')}}</span>
|
</div>
|
<img class="w-290 h-240" src="./images/p-bg.png" alt="">
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import assetsHead from "@/components/assets-head";
|
export default {
|
name: "financialManagement",
|
components: {
|
assetsHead,
|
},
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.financialManagement{
|
width: 100%;
|
box-sizing: border-box;
|
}
|
.financial-bg {
|
background: url("./images/bg.png") no-repeat;
|
background-size: 100% 100%;
|
border-radius: 12px;
|
padding: 30px 0 30px 32px;
|
}
|
.pool-lock-bg {
|
background: url("./images/lock-bg.png") no-repeat;
|
background-size: 100% 100%;
|
border-radius: 12px;
|
padding: 30px 0 30px 32px;
|
}
|
.pledge-loan-bg{
|
background: url("./images/pl-bg.png") no-repeat;
|
background-size: 100% 100%;
|
border-radius: 12px;
|
padding: 30px 0 30px 32px;
|
}
|
</style>
|
