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

View File

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

View File

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