mt-fe-group/chenzhou
9
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

1

Browse Source
This commit is contained in:
DESKTOP-FUDKNA8\znjsz
2024-01-23 16:49:29 +08:00
parent 98dd4428af
commit e25dfe8f02
2 changed files with 164 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/HeadTime.vue
View File

@@ -27,4 +27,9 @@ onMounted(() => {
color: #69B4FF;
line-height: 1;
}
:fullscreen .datetime {
right: 500px;
}
</style>

238
src/pages/3D.vue
View File

@@ -624,7 +624,6 @@ watch(() => settings.fullscreen, val => {
position: absolute;
top: 0;
left: 50%;
background: #cccc;
width: 720px;
height: 100%;
transform: translateX(-58%);
@@ -763,8 +762,9 @@ watch(() => settings.fullscreen, val => {
/* info 3 */
.info-3 .info:nth-child(1) {
left: 500px;
bottom: 420px;
/* left: 500px;
bottom: 420px; */
top: 700px;
}
/* info 4 */
@@ -793,238 +793,318 @@ watch(() => settings.fullscreen, val => {
.info-5 .info:nth-child(1) {
/* left: 490px;
bottom: 300px; */
top: 700px;
}
.info-5 .info:nth-child(2) {
/* left: 740px;
bottom: 280px; */
top: 720px;
left: 240px;
}
.info-5 .info:nth-child(3) {
left: 960px;
bottom: 240px;
/* left: 960px;
bottom: 240px; */
top: 760px;
left: 440px;
}
.info-5 .info:nth-child(4) {
left: 460px;
bottom: 490px;
/* left: 460px;
bottom: 490px; */
top: 420px;
left: 70px;
}
.info-5 .info:nth-child(5) {
left: 760px;
bottom: 490px;
/* left: 760px;
bottom: 490px; */
top: 430px;
left: 230px;
}
.info-5 .info:nth-child(6) {
left: 1060px;
bottom: 450px;
/* left: 1060px;
bottom: 450px; */
top: 450px;
left: 440px;
}
.info-5 .info:nth-child(7) {
left: 570px;
top: 190px;
/* left: 570px;
top: 190px; */
top: 200px;
left: 100px;
}
.info-5 .info:nth-child(8) {
left: 890px;
/* left: 890px;
top: 200px; */
top: 200px;
left: 320px;
}
.info-5 .info:nth-child(9) {
left: 1190px;
/* left: 1190px;
top: 200px; */
top: 200px;
left: 490px;
}
/* info 6 */
.info-6 .info:nth-child(1) {
left: 480px;
bottom: 530px;
/* left: 480px;
bottom: 530px; */
top: 400px;
left: 20px;
}
.info-6 .info:nth-child(2) {
left: 720px;
bottom: 470px;
/* left: 720px;
bottom: 470px; */
left: 340px;
top: 450px;
}
.info-6 .info:nth-child(3) {
left: 990px;
bottom: 460px;
/* left: 990px;
bottom: 460px; */
top: 490px;
left: 500px;
}
.info-6 .info:nth-child(4) {
left: 510px;
/* left: 510px; */
top: 260px;
left: 100px;
}
.info-6 .info:nth-child(5) {
left: 810px;
/* left: 810px; */
top: 260px;
left: 300px;
}
.info-6 .info:nth-child(6) {
left: 1110px;
/* left: 1110px; */
top: 280px;
left: 560px;
}
.info-6 .info:nth-child(7) {
left: 600px;
/* left: 600px; */
top: 110px;
left: 100px;
}
.info-6 .info:nth-child(8) {
left: 900px;
/* left: 900px; */
top: 110px;
left: 340px;
}
.info-6 .info:nth-child(9) {
left: 1200px;
/* left: 1200px; */
top: 110px;
left: 550px;
}
.info-6 .info:nth-child(10) {
left: 650px;
/* left: 650px; */
left: 120px;
top: 20px;
}
.info-6 .info:nth-child(11) {
left: 950px;
/* left: 950px; */
left: 330px;
top: 30px;
}
.info-6 .info:nth-child(12) {
left: 1230px;
/* left: 1230px; */
left: 560px;
top: 20px;
}
/* info 7 */
.info-7 .info:nth-child(1) {
left: 400px;
bottom: 440px;
/* left: 400px;
bottom: 440px; */
top: 500px;
}
.info-7 .info:nth-child(2) {
left: 670px;
bottom: 440px;
/* left: 670px;
bottom: 440px; */
top: 500px;
left: 200px;
}
.info-7 .info:nth-child(3) {
left: 960px;
bottom: 450px;
/* left: 960px;
bottom: 450px; */
top: 500px;
left: 450px;
}
.info-7 .info:nth-child(4) {
left: 310px;
bottom: 260px;
/* left: 310px;
bottom: 260px; */
top: 700px;
left: -100px;
}
.info-7 .info:nth-child(5) {
left: 620px;
bottom: 260px;
/* left: 620px;
bottom: 260px; */
top: 700px;
left: 100px;
}
.info-7 .info:nth-child(6) {
left: 1110px;
bottom: 240px;
/* left: 1110px;
bottom: 240px; */
top: 700px;
left: 500px;
}
.info-7 .info:nth-child(7) {
left: 800px;
top: 50px;
/* left: 800px;
top: 50px; */
top: 20px;
left: 500px;
}
/* info 8 */
.info-8 .info:nth-child(1) {
left: 660px;
bottom: 550px;
/* left: 660px;
bottom: 550px; */
top: 800px;
left: 200px;
}
.info-8 .info:nth-child(2) {
left: 990px;
bottom: 690px;
/* left: 990px;
bottom: 690px; */
top: 400px;
left: 400px;
}
.info-8 .info:nth-child(3) {
left: 700px;
top: 80px;
/* left: 700px;
top: 80px; */
top: 90px;
left: 400px;
}
.info-8 .info:nth-child(4) {
left: 1100px;
top: 80px;
/* left: 1100px;
top: 80px; */
top: 0;
left: 500px;
}
/* info 9 */
.info-9 .info:nth-child(1) {
left: 400px;
bottom: 250px;
/* left: 400px;
bottom: 250px; */
top: 600px;
}
.info-9 .info:nth-child(2) {
left: 1100px;
bottom: 220px;
/* left: 1100px;
bottom: 220px; */
top: 630px;
left: 430px;
}
.info-9 .info:nth-child(3) {
left: 496px;
bottom: 570px;
/* left: 496px;
bottom: 570px; */
top: 300px;
left: 210px;
}
.info-9 .info:nth-child(4) {
left: 1100px;
bottom: 490px;
/* left: 1100px;
bottom: 490px; */
top: 380px;
left: 550px;
}
.info-9 .info:nth-child(5) {
left: 670px;
top: 144px;
/* left: 670px;
top: 144px; */
top: 88px;
left: 180px;
}
.info-9 .info:nth-child(6) {
left: 1100px;
top: 155px;
/* left: 1100px;
top: 155px; */
top: 90px;
left: 420px;
}
/* info 10 */
.info-10 .info:nth-child(1) {
left: 620px;
bottom: 450px;
/* left: 620px;
bottom: 450px; */
top: 500px;
left: 200px;
}
.info-10 .info:nth-child(2) {
left: 1000px;
bottom: 320px;
/* left: 1000px;
bottom: 320px; */
top: 530px;
left: 330px;
}
.info-10 .info:nth-child(3) {
left: 736px;
top: 270px;
/* left: 736px;
top: 270px; */
top: 230px;
left: 230px;
}
.info-10 .info:nth-child(4) {
left: 1200px;
/* left: 1200px;
top: 330px; */
top: 330px;
left: 430px;
}
.info-10 .info:nth-child(5) {
left: 870px;
top: 144px;
/* left: 870px;
top: 144px; */
top: 150px;
left: 360px;
}
.info-10 .info:nth-child(6) {
left: 1100px;
top: 195px;
/* left: 1100px;
top: 195px; */
top: 200px;
left: 490px;
}
.info-10 .info:nth-child(7) {
left: 900px;
top: 55px;
/* left: 900px;
top: 55px; */
top: 90px;
left: 500px;
}
.info-10 .info:nth-child(8) {
left: 1200px;
top: 68px;
/* left: 1200px;
top: 68px; */
top: 90px;
right: -120px;
}
/* info 11 */