mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-04-06 03:57:49 +08:00
修复登陆页虚线高度问题1
This commit is contained in:
parent
9973d3f028
commit
d3465fec9b
@ -5,6 +5,7 @@
|
|||||||
### Fixes
|
### Fixes
|
||||||
|
|
||||||
- 修复默认获取容器可视区域高度问题
|
- 修复默认获取容器可视区域高度问题
|
||||||
|
- 修复登陆页虚线高度问题
|
||||||
|
|
||||||
### Feats
|
### Feats
|
||||||
|
|
||||||
|
@ -14,13 +14,15 @@ $positionY: 24px;
|
|||||||
&::before {
|
&::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: var(--login-height);
|
||||||
height: 2px;
|
height: 2px;
|
||||||
background: linear-gradient(135deg, transparent, transparent 75%, #2080f0, transparent 80%, transparent 100%),
|
background: linear-gradient(135deg, transparent, transparent 75%, #2080f0, transparent 80%, transparent 100%),
|
||||||
linear-gradient(45deg, transparent, transparent 75%, #2080f0, transparent 80%, transparent 100%);
|
linear-gradient(45deg, transparent, transparent 75%, #2080f0, transparent 80%, transparent 100%);
|
||||||
background-size: 1em 1em;
|
background-size: 1em 1em;
|
||||||
background-repeat: repeat-x, repeat-x;
|
background-repeat: repeat-x, repeat-x;
|
||||||
transform: rotate(90deg);
|
transform: rotate(90deg);
|
||||||
|
transform-origin: 0;
|
||||||
|
left: 50%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -51,7 +51,13 @@ const Login = defineComponent({
|
|||||||
const { t } = this
|
const { t } = this
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div class={['login']} style={[`height: ${this.windowHeight}px`]}>
|
<div
|
||||||
|
class={['login']}
|
||||||
|
style={[
|
||||||
|
`height: ${this.windowHeight}px`,
|
||||||
|
`--login-height: ${this.windowHeight}px`,
|
||||||
|
]}
|
||||||
|
>
|
||||||
<div
|
<div
|
||||||
class={[
|
class={[
|
||||||
'login-wrapper',
|
'login-wrapper',
|
||||||
|
Loading…
x
Reference in New Issue
Block a user