66 lines
1.4 KiB
Plaintext
66 lines
1.4 KiB
Plaintext
.dashboard {
|
|
width: 2560px;
|
|
height: 1080px;
|
|
position: relative;
|
|
|
|
background-image: url("./assets/整体边框_静态图片.png"),
|
|
url("./assets/底部_动画.png"),
|
|
url("./assets/底部_动画.webp"),
|
|
url("./assets/左边_动画.png"),
|
|
url("./assets/左边_动画.webp"),
|
|
url("./assets/右侧_动画.png"),
|
|
url("./assets/右侧_动画.webp"),
|
|
url("./assets/头部动画.png"),
|
|
url("./assets/头部动画.webp"),
|
|
url("./assets/头部动画2.png"),
|
|
url("./assets/头部动画2.webp"),
|
|
url("./assets/头部动画_上升粒子-.png"),
|
|
url("./assets/头部动画_上升粒子.webp"),
|
|
url("./assets/背景_静态图片.jpg");
|
|
|
|
background-repeat: no-repeat;
|
|
background-size: auto;
|
|
background-position: center,
|
|
bottom, bottom, left,
|
|
left, right, right,
|
|
top, top, top,
|
|
top, top, top;
|
|
|
|
.header {
|
|
position: absolute;
|
|
display: flex;
|
|
}
|
|
|
|
.main {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
& > div {
|
|
height: 100%;
|
|
display: inline-flex;
|
|
}
|
|
|
|
& > .left {
|
|
width: 20%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
& > :nth-child(1) {
|
|
flex-basis: 20%;
|
|
}
|
|
}
|
|
|
|
& > .center {
|
|
width: 60%;
|
|
background-image: url("./assets/center.png");
|
|
background-size: auto;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
& > .right {
|
|
width: 20%;
|
|
}
|
|
}
|
|
}
|