浏览代码

主页面右上用户头像

不夜De星空 1 年之前
父节点
当前提交
175e16f5b2
共有 4 个文件被更改,包括 35 次插入1 次删除
  1. 二进制
      src/assets/images/line-h-w.png
  2. 二进制
      src/assets/images/line-v-w.png
  3. 34 0
      src/views/xndc/index.vue
  4. 1 1
      src/views/xndc/modules/center-bottom.vue

二进制
src/assets/images/line-h-w.png


二进制
src/assets/images/line-v-w.png


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

@@ -44,6 +44,13 @@
           虚拟电厂指令切换
           虚拟电厂指令切换
         </div>
         </div>
       </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>
     <div class="main-container">
     <div class="main-container">
       <div class="main-card">
       <div class="main-card">
@@ -294,6 +301,33 @@ export default {
   cursor: pointer;
   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 {
 .partition {
   position: absolute;
   position: absolute;
   top: 7px;
   top: 7px;

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

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