Commit d7b90ff8 authored by 姬鋆屾's avatar 姬鋆屾

parent 883197c3
...@@ -162,6 +162,7 @@ export default { ...@@ -162,6 +162,7 @@ export default {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
z-index: 99;
.logo { .logo {
width: 40px; width: 40px;
} }
...@@ -244,4 +245,4 @@ export default { ...@@ -244,4 +245,4 @@ export default {
background: #ffffff; background: #ffffff;
} }
} }
</style> </style>
\ No newline at end of file
* {
margin: 0;
padding: 0;
}
* {
margin: 0;
padding: 0;
}
:root {
--base-font-size: 0.0625rem;
}
@media screen and (max-width: 1440px) {
:root {
--base-font-size: 0.069vw;
}
}
html {
font-size: var(--base-font-size);
}
body::-webkit-scrollbar {
display: none;
}
.effect-content {
height: 200vh;
min-height: 1864rem;
}
.effect-box {
position: sticky;
top: 0;
height: 100vh;
min-height: 932rem;
background-color: #031233;
perspective: 800px;
overflow: hidden;
}
.e-square {
position: absolute;
transform-origin: 50% 50%;
border-radius: 10%;
}
.e-logo {
position: absolute;
transform-origin: 50% 50%;
border-radius: 10rem;
}
.e-icon-box {
position: absolute;
top: 50%;
left: 50%;
transform-origin: 50% 50%;
width: 1200rem;
height: 500rem;
transform: translate(-50%, -100rem);
display: grid;
grid-template-columns: repeat(7, 120rem);
grid-gap: 80rem 30rem;
grid-auto-rows: 120rem;
justify-content: center;
align-content: center;
z-index: 10;
}
.e-icon-box-bg {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(5, 30, 75, 0.66);
}
.e-icon {
position: relative;
background-color: #0089ff;
border-radius: 10rem;
}
.title {
position: absolute;
width: 100%;
height: 64px;
font-size: 53px;
font-family: FZZhengHeiS-EB-GB;
font-weight: 400;
color: #ffffff;
line-height: 64px;
text-align: center;
}
.desc {
position: absolute;
width: 100%;
height: 34px;
font-size: 22px;
font-family: Source Han Sans CN;
color: #ffffff;
line-height: 34px;
text-align: center;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment