v3.1.6

CHANGELOG.md

@@ -1,5 +1,11 @@
 # CHANGE LOG
 
+## 3.1.6
+
+### Fixes
+
+- 修复移动端登陆页显示问题
+
 ## 3.1.5
 
 ### Fixes
@@ -12,7 +18,7 @@
 - 重写 `AxiosInstance` 类型
 - `src/types` 分包更加清晰
 - 将主色调同步至 `body`，默认同步 `cfg.primaryColor` 值
-- 登陆页一些修改
+- 登陆页一些修改(现在支持简单的响应式)
 - 将一些设置型功能抽离为组件
 - 调整同步主题色执行时机
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ray-template",
   "private": true,
-  "version": "3.1.4",
+  "version": "3.1.6",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/views/login/index.scss

@@ -92,3 +92,21 @@ $positionY: 24px;
     background-color: #2a3146;
   }
 }
+
+@media screen and (max-width: 1200px) {
+  .login__left-wrapper {
+    display: none !important;
+  }
+}
+
+@media screen and (min-width: 768px) and (max-width: 992px) {
+  .login__right-wrapper .login__right-wrapper__content {
+    width: 55% !important;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .login__right-wrapper .login__right-wrapper__content {
+    width: 100% !important;
+  }
+}

src/views/login/index.tsx

@@ -55,7 +55,7 @@ const Login = defineComponent({
         <div
           class={[
             'login-wrapper',
-            this.windowWidth >= 1200 ? 'login-wrapper--divider' : '',
+            this.windowWidth >= 1440 ? 'login-wrapper--divider' : '',
           ]}
         >
           <div class={['login-wrapper__content']}>