zhbyyy преди 1 година
родител
ревизия
15fbc95f92
променени са 3 файла, в които са добавени 17 реда и са изтрити 5 реда
  1. 9 1
      investment/investHome2.html
  2. 1 1
      investment/js/investHome2.js
  3. 7 3
      investment/styles/investHome2.css

+ 9 - 1
investment/investHome2.html

@@ -237,10 +237,18 @@
                 <span>预计压降带息负债</span>
                 <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">9.81</span>亿元</span>
               </div>
+              <div>
+                <span>总额度</span>
+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">462.83</span>亿元</span>
+              </div>
+              <div>
+                <span>已用额度</span>
+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">62</span>亿元</span>
+              </div>
             </div>
           </div>
           <div class="" style="position:relative;width: 100%;height: 100%;">
-            <div class="total">总额度<span style="font-size: 25px;">285.48亿</span></div>
+            <div class="total3 total">剩余额度<span style="font-size: 25px;">400.83亿</span></div>
             <div ref="echartL2b" style="width: 100%; height: 100%;background-color: #04224c;"></div>
           </div>
           <!-- <div class="pie" ref="echartR5" style="width: 100%; height: 100%;"></div> -->

+ 1 - 1
investment/js/investHome2.js

@@ -717,7 +717,7 @@ let app = new Vue({
     },
     initChartL2b () {
       let myChart = echarts.init(this.$refs['echartL2b'])
-      var value = 0.072;
+      var value = 0.13;
       var data = [value];
       let option = {
         backgroundColor: 'transparent',

+ 7 - 3
investment/styles/investHome2.css

@@ -536,7 +536,7 @@ a {
 .tip2-list {
   height: 100%;
   display: grid;
-  grid-template-rows: repeat(3, minmax(0, 1fr));
+  grid-template-rows: repeat(5, minmax(0, 1fr));
   background-color: #04224c;
   padding: 0 10px;
 }
@@ -547,7 +547,8 @@ a {
   justify-content: space-between;
   align-items: center;
 }
-.tip2-list > div:nth-child(2) {
+.tip2-list > div:nth-child(2),
+.tip2-list > div:nth-child(4) {
   border-top: 1px solid #69c0ff;
   border-bottom: 1px solid #69c0ff;
 }
@@ -622,10 +623,13 @@ a {
   height: 30px;
   position: absolute;
   left: calc(50% - 100px);
-  bottom: 5%;
+  bottom: 17%;
   font-weight: bold;
   color: #2cb7e0;
 }
+.total3 {
+  bottom: 15%;
+}
 .tipb {
   z-index: 9999999999;
   position: fixed;