Browse Source

[Feat 0000]新增绿色版本登录样式

wangkeyi 6 days ago
parent
commit
068b0d27a4

BIN
src/assets/images/themify/green/vent/login/btn-bg-hover.png


BIN
src/assets/images/themify/green/vent/login/btn-bg.png


BIN
src/assets/images/themify/green/vent/login/down.png


BIN
src/assets/images/themify/green/vent/login/icon.png


BIN
src/assets/images/themify/green/vent/login/input-down.png


BIN
src/assets/images/themify/green/vent/login/input-normal.png


BIN
src/assets/images/themify/green/vent/login/top.png


+ 14 - 0
src/views/sys/login/Login.vue

@@ -85,6 +85,20 @@
     }
   }
 
+  // 绿色主题特化的变量
+  @{theme-green} {
+    .login-container {
+      --image-top: url('/@/assets/images/themify/green/vent/login/top.png');
+      --image-icon: url('/@/assets/images/themify/green/vent/login/icon.png');
+      --image-down: url('/@/assets/images/themify/green/vent/login/down.png');
+      --image-bg: none;
+      --container-bg: #181B24;
+    }
+    .login-icon {
+      width: 325px !important;
+      background-size: 100% 100%;
+    }
+  }
   // 深蓝色主题特化的变量
   @{theme-deepblue} {
     .login-container {

+ 8 - 0
src/views/sys/login/LoginForm.vue

@@ -139,6 +139,14 @@
   @import '/@/design/theme.less';
   @ventSpace: zxm;
 
+  @{theme-green} {
+    .login-box {
+      --image-input-normal: url('/@/assets/images/themify/green/vent/login/input-normal.png');
+      --image-input-down: url('/@/assets/images/themify/green/vent/login/input-down.png');
+      --image-btn-bg: url('/@/assets/images/themify/green/vent/login/btn-bg.png');
+      --image-btn-bg-hover: url('/@/assets/images/themify/green/vent/login/btn-bg-hover.png');
+    }
+  }
   @{theme-deepblue} {
     .login-box {
       --image-input-normal: url('/@/assets/images/themify/deepblue/vent/login/input-normal.png');