Przeglądaj źródła

主页面右上用户头像

不夜De星空 1 rok temu
rodzic
commit
175e16f5b2

BIN
src/assets/images/line-h-w.png


BIN
src/assets/images/line-v-w.png


+ 34 - 0
src/views/xndc/index.vue

@@ -44,6 +44,13 @@
           虚拟电厂指令切换
         </div>
       </div>
+      <img class="userHead" src="../../assets/images/default-user.png">
+      <div class="userName">
+        <div style="font-size: 20px">韩翔宇</div>
+        0000000000
+      </div>
+      <img class="split" src="../../assets/images/line-v-w.png">
+      <div class="userDept">某某某部门</div>
     </div>
     <div class="main-container">
       <div class="main-card">
@@ -294,6 +301,33 @@ export default {
   cursor: pointer;
 }
 
+.userHead {
+  position: absolute;
+  right: 15.5%;
+  margin-top: 0.2%;
+}
+
+.userName {
+  text-align: left;
+  position: absolute;
+  right: 10%;
+  margin-top: 0.2%;
+}
+
+.split {
+  position: absolute;
+  right: 9.2%;
+  margin-top: 0.2%;
+}
+
+.userDept {
+  text-align: left;
+  position: absolute;
+  right: 2%;
+  margin-top: 0.5%;
+  font-size: 22px;
+}
+
 .partition {
   position: absolute;
   top: 7px;

+ 1 - 1
src/views/xndc/modules/center-bottom.vue

@@ -212,7 +212,7 @@ export default {
   }
 
   /deep/ .el-table__body {
-    -webkit-border-vertical-spacing: 2px; // 垂直间距
+    //-webkit-border-vertical-spacing: 2px; // 垂直间距
   }
 
   /deep/ .el-form-item__content {