瀏覽代碼

修改登录样式

zhaoke 3 年之前
父節點
當前提交
7a1c06017b
共有 2 個文件被更改,包括 22 次插入7 次删除
  1. 二進制
      src/assets/logo/pic_logo.png
  2. 22 7
      src/views/login/index.vue

二進制
src/assets/logo/pic_logo.png


+ 22 - 7
src/views/login/index.vue

@@ -4,8 +4,11 @@
       <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="left">
         <div class="title-container flex-wrap">
           <div class="avitor"></div>
-          <el-divider direction="vertical"></el-divider>
-          <h3 class="title">系统名称</h3>
+          <!-- <el-divider direction="vertical"></el-divider> -->
+          <div class="content-box">
+            <div class="title">国航行李数据整合及应用</div>
+            <div class="title-en">AirChina.BDHUB</div>
+          </div>
         </div>
 
         <el-form-item prop="username">
@@ -357,18 +360,30 @@ $light_gray: #eee;
     margin-bottom: 39px;
     line-height: 32px;
     .title {
-      height: 16px;
+      // height: 16px;
       font-size: 16px;
       font-family: Microsoft YaHei;
       font-weight: bold;
       color: #303133;
       margin: 0;
     }
+    .title-en {
+      position: absolute;
+      top: 23px;
+      left: 0;
+      font-size: 12px;
+    }
+    .content-box {
+      position: relative;
+    }
     .avitor {
-      width: 32px;
-      height: 32px;
-      background: #dddddd;
-      border-radius: 50%;
+      width: 36px;
+      height: 36px;
+      margin-right: 20px;
+      background: url("../../assets/logo/pic_logo.png") no-repeat;
+      // border-radius: 50%;
+      position: relative;
+      top: 7px;
     }
     .el-divider {
       height: 20px;