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

tui

parent 94aafe11
* {
margin: 0;
padding: 0;
}
* {
margin: 0;
padding: 0;
}
:root { :root {
--base-font-size: 0.0625rem; --base-font-size: 0.0625rem;
} }
...@@ -55,7 +46,24 @@ body::-webkit-scrollbar { ...@@ -55,7 +46,24 @@ body::-webkit-scrollbar {
.e-icon-box { .e-icon-box {
position: absolute; position: absolute;
top: 50%; top: 48%;
left: 50%;
transform-origin: 50% 50%;
width: 1200rem;
height: 500rem;
transform: translate(-50%, -100rem);
display: grid;
grid-template-columns: repeat(4, 250rem);
grid-gap: 30rem;
grid-auto-rows: 200rem;
justify-content: center;
align-content: center;
z-index: 10;
}
/* .e-icon-box {
position: absolute;
top: 48%;
left: 50%; left: 50%;
transform-origin: 50% 50%; transform-origin: 50% 50%;
width: 1200rem; width: 1200rem;
...@@ -65,13 +73,27 @@ body::-webkit-scrollbar { ...@@ -65,13 +73,27 @@ body::-webkit-scrollbar {
grid-template-columns: repeat(7, 120rem); grid-template-columns: repeat(7, 120rem);
grid-gap: 80rem 30rem; grid-gap: 80rem 30rem;
grid-auto-rows: 120rem; grid-auto-rows: 120rem;
justify-content: center; justify-content: center;
align-content: center; align-content: center;
z-index: 10; z-index: 10;
} */
.e-icon a {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
color: #ffffff;
}
.e-icon span {
margin-top: 20px;
font-size: 20px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #ffffff;
} }
.e-icon-box-bg { .e-icon-box-bg {
position: absolute; position: absolute;
width: 100%; width: 100%;
...@@ -81,7 +103,7 @@ body::-webkit-scrollbar { ...@@ -81,7 +103,7 @@ body::-webkit-scrollbar {
.e-icon { .e-icon {
position: relative; position: relative;
background-color: #0089ff; /* background-color: #0089ff; */
border-radius: 10rem; border-radius: 10rem;
} }
.title { .title {
......
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