61 lines
1.3 KiB
Vue
61 lines
1.3 KiB
Vue
<template>
|
|
<!-- 短期到长期实现价值比率 -->
|
|
<div v-loading="SLRVRatioLoading">
|
|
|
|
<!-- 公式 -->
|
|
<el-row type="flex" justify="center">
|
|
<section class="formulas">
|
|
<div>SLRV ratio =</div>
|
|
<div>
|
|
<span>HOLDER in 24h </span>
|
|
<span>HOLDER in 6m~1y</span>
|
|
</div>
|
|
</section>
|
|
</el-row>
|
|
<!-- 对数线性显示切换 -->
|
|
<el-row>
|
|
<el-col>
|
|
<el-button @click="handelLineSwitch"
|
|
style="margin-left:100px;height:35px;border-radius:6px;"
|
|
>{{ $t(`home.switch`)
|
|
}}<span class="according"> {{ $t(switch3) }}</span></el-button
|
|
>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<div
|
|
id="SLRVRatioBox"
|
|
style="width: 100%; min-height: 700px"
|
|
></div>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import IndexJs from "../SLRVRatio/index"
|
|
export default {
|
|
mixins:[IndexJs]
|
|
}
|
|
</script>
|
|
<style lang="scss">
|
|
.formulas{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-weight: 550;
|
|
color: rgba(0,0,0,0.7);
|
|
div:nth-of-type(2){
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 10px;
|
|
span{
|
|
text-align: center;
|
|
}
|
|
span:nth-of-type(1){
|
|
border-bottom: 1px solid rgba(0,0,0,1);
|
|
}
|
|
}
|
|
}
|
|
</style> |