修复登陆页虚线高度问题1

This commit is contained in:
ray_wuhao 2023-04-18 18:37:29 +08:00
parent 9973d3f028
commit d3465fec9b
3 changed files with 11 additions and 2 deletions

View File

@ -5,6 +5,7 @@
### Fixes
- 修复默认获取容器可视区域高度问题
- 修复登陆页虚线高度问题
### Feats

View File

@ -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%;
}
}

View File

@ -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',