代码推送

yq/src/views/SLRVRatio/index.vue

@@ -0,0 +1,61 @@
+<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>