空间管理右侧页面css编写

src/components/business/space/space.vue

@@ -52,8 +52,17 @@
       <a-col :span="6">
         <div class="right border-shadow">
           <card :title="classificationIndex == 0 ? '能源分析' : '能源分布'">
-            <div v-if="classificationIndex == 0">
-              <div></div>
+            <div class="total_right_content" v-if="classificationIndex == 0">
+              <div>
+                <div>
+                  月度同比节能 <span class="num">36</span>
+                  <span class="unit">元/人/月</span>
+                </div>
+                <div>
+                  年度环比节能 <span class="num">36</span>
+                  <span class="unit">元/人/年</span>
+                </div>
+              </div>
               <div
                 class="myChart"
                 ref="myChart2"
@@ -1101,4 +1110,34 @@ export default {
 .formItem {
   margin: 0px 15px;
 }
+.right {
+  .total_right_content {
+    > div:nth-child(1) {
+      box-sizing: border-box;
+      margin: 5px 5px;
+      height: 150px;
+      border: 1px solid #eeeeee;
+      border-radius: 10px;
+      div {
+        height: 75px;
+        line-height: 75px;
+        text-align: 20px;
+        font-family: SourceHanSansSC;
+        font-weight: 400;
+        font-size: 14px;
+        color: rgb(16, 16, 16);
+      }
+      .unit { 
+        font-family: SourceHanSansSC;
+        font-weight: 400;
+        font-size: 14px;
+        color: #bbbbbb;
+        font-style: normal;
+        letter-spacing: 0px;
+        line-height: 20px;
+        text-decoration: none;
+      }
+    }
+  }
+}
 </style>