Explorar o código

修改login登陆背景

xiongxing hai 2 semanas
pai
achega
7022025275

BIN=BIN
src/assets/imgs/index-banner.png


BIN=BIN
src/assets/imgs/index-bg.png


BIN=BIN
src/assets/imgs/login-bg.jpeg


+ 4 - 0
src/views/Home/components/ElderWarningServiceDialog.vue

@@ -330,6 +330,10 @@ $danger-color: #ff6b6b;
   border: 1px solid rgb(255 255 255 / 10%) !important;
   border-radius: 8px !important;
 
+  .el-table__inner-wrapper::before {
+    background-color: transparent !important;
+  }
+
   .el-table__header {
     background: rgb(255 255 255 / 5%) !important;
 

+ 1 - 1
src/views/Home/components/WarningDrawer.vue

@@ -2,7 +2,7 @@
   <el-drawer
     v-model="visible"
     direction="rtl"
-    size="620px"
+    size="40%"
     class="warning-drawer"
     :title="`设备预警历史 (共${total}条)`"
     append-to-body

+ 16 - 11
src/views/Login/Login.vue

@@ -107,7 +107,7 @@
                 </div>
 
                 <el-form-item v-if="loginData.tenantEnable === 'true'" prop="tenantName">
-                  <div class="row inputM" :style="{ width: '382px', marginTop: '16px' }">
+                  <div class="row inputM" :style="{ width: '382px' }">
                     <span style="width: 60px; font-size: 14px; color: #000">{{
                       identityType === 0 ? '企业名' : '集团名'
                     }}</span>
@@ -124,8 +124,8 @@
                   </div>
                 </el-form-item>
 
-                <el-form-item prop="username" size="small">
-                  <div class="row inputM" :style="{ width: '382px', marginTop: '-2px' }">
+                <el-form-item prop="username">
+                  <div class="row inputM" :style="{ width: '382px' }">
                     <span style="width: 60px; font-size: 14px; letter-spacing: 12px; color: #000"
                       >账号</span
                     >
@@ -142,8 +142,8 @@
                   </div>
                 </el-form-item>
 
-                <el-form-item prop="password" size="small">
-                  <div class="row inputM" :style="{ width: '382px', marginTop: '-2px' }">
+                <el-form-item prop="password">
+                  <div class="row inputM" :style="{ width: '382px' }">
                     <span style="width: 60px; font-size: 14px; letter-spacing: 12px; color: #000"
                       >密码</span
                     >
@@ -173,7 +173,7 @@
                   size="large"
                   @click="handleLogin"
                   :loading="loginLoading"
-                  :style="{ width: '382px', marginTop: '40px' }"
+                  :style="{ width: '382px', marginTop: '20px' }"
                   style="height: 50px; font-size: 16px"
                   >登录</el-button
                 >
@@ -491,7 +491,10 @@ $prefix-cls: #{$namespace}-login;
   height: 100%;
   background-attachment: fixed;
   // background-image: url('@/assets/imgs/home_bg.png');
-  background-image: url('@/assets/imgs/login_banner.png');
+  // background-image: url('@/assets/imgs/login_banner.png');
+  // background-image: url('@/assets/imgs/login-bg.jpeg');
+  // background-image: url('@/assets/imgs/index-bg.png');
+  background-image: url('@/assets/imgs/index-banner.png');
   background-repeat: no-repeat;
   opacity: 0.2;
   animation: fadeIn 0.7s ease-in forwards;
@@ -503,7 +506,10 @@ $prefix-cls: #{$namespace}-login;
   height: 100%;
   background-attachment: fixed;
   // background-image: url('@/assets/imgs/home_bg.png');
-  background-image: url('@/assets/imgs/login_banner.png');
+  // background-image: url('@/assets/imgs/login_banner.png');
+  // background-image: url('@/assets/imgs/login-bg.jpeg');
+  // background-image: url('@/assets/imgs/index-bg.png');
+  background-image: url('@/assets/imgs/index-banner.png');
   background-repeat: no-repeat;
   opacity: 0.2;
   animation: fadeIn 0.7s ease-in forwards;
@@ -547,9 +553,8 @@ $prefix-cls: #{$namespace}-login;
 
 .inputM {
   width: 16.8vw;
-  height: 50px;
-  padding: 10px 12px;
-  margin-top: 2vh;
+  height: 0.25rem;
+  padding: 0.1rem 0.1rem;
   border: #ddd solid 1px;
   border-radius: 4px;
 }