diff --git a/CHANGELOG.md b/CHANGELOG.md
index 72a7349d..82e8951c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 ### Fixes
 
 - 修复默认获取容器可视区域高度问题
+- 修复登陆页虚线高度问题
 
 ### Feats
 
diff --git a/src/views/login/index.scss b/src/views/login/index.scss
index d34c503b..de4ea10c 100644
--- a/src/views/login/index.scss
+++ b/src/views/login/index.scss
@@ -14,13 +14,15 @@ $positionY: 24px;
       &::before {
         content: "";
         position: absolute;
-        width: 100%;
+        width: var(--login-height);
         height: 2px;
         background: linear-gradient(135deg, transparent, transparent 75%, #2080f0, transparent 80%, transparent 100%),
           linear-gradient(45deg, transparent, transparent 75%, #2080f0, transparent 80%, transparent 100%);
         background-size: 1em 1em;
         background-repeat: repeat-x, repeat-x;
         transform: rotate(90deg);
+        transform-origin: 0;
+        left: 50%;
       }
     }
 
diff --git a/src/views/login/index.tsx b/src/views/login/index.tsx
index cb42200b..1c0cd5fb 100644
--- a/src/views/login/index.tsx
+++ b/src/views/login/index.tsx
@@ -51,7 +51,13 @@ const Login = defineComponent({
     const { t } = this
 
     return (
-      <div class={['login']} style={[`height: ${this.windowHeight}px`]}>
+      <div
+        class={['login']}
+        style={[
+          `height: ${this.windowHeight}px`,
+          `--login-height: ${this.windowHeight}px`,
+        ]}
+      >
         <div
           class={[
             'login-wrapper',