gter.net/xg-project-library
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
A1300399510 2024-11-28 12:31:08 +08:00
parent e8083a3a60
commit 5a318fffa1
3 changed files with 41 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
css/details.css
View File

@ -609,7 +609,7 @@
.content .details-box .demand .title {
font-weight: 650;
font-style: normal;
font-size: 18px;
font-size: 16px;
color: #000000;
margin-top: 32px;
margin-bottom: 10px;
@ -626,6 +626,7 @@
position: relative;
flex-direction: column;
justify-content: center;
font-size: 14px;
}
.content .details-box .demand .list .item .triangle {
position: absolute;
@ -637,12 +638,10 @@
margin-bottom: 10px;
}
.content .details-box .demand .list .item .name {
font-size: 15px;
color: #7f7f7f;
margin-bottom: 8px;
}
.content .details-box .demand .list .item .value {
font-size: 16px;
color: #000000;
}
.content .details-box .tuition {
@ -732,7 +731,7 @@
margin: 0 auto 38px;
position: relative;
z-index: 1;
--tab-left: "0px";
--tab-left: "-1px";
}
.content .details-box .pattern .tab .item {
height: 100%;
@ -752,7 +751,7 @@
width: 90px;
height: 100%;
position: absolute;
top: 0;
top: -1;
left: var(--tab-left);
z-index: -1;
transition: all 0.3s;
@ -1085,7 +1084,7 @@
}
.content-right {
width: 290px;
margin-left: 10px;
margin-left: 20px;
}
.content-right .live {
width: 100%;
@ -1623,18 +1622,27 @@
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
background-color: #000000;
z-index: 1000;
animation: fadeBackground 3s infinite;
animation: fadeBackground 2s linear infinite;
}
@keyframes fadeBackground {
0% {
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
}
50% {
background-color: rgba(0, 0, 0, 0.8);
20% {
opacity: 0.1;
}
40% {
opacity: 0.3;
}
60% {
opacity: 0.5;
}
80% {
opacity: 0.3;
}
100% {
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
}
}

32
css/details.less
View File

@ -691,7 +691,7 @@
.title {
font-weight: 650;
font-style: normal;
font-size: 18px;
font-size: 16px;
color: #000000;
margin-top: 32px;
margin-bottom: 10px;
@ -711,6 +711,7 @@
position: relative;
flex-direction: column;
justify-content: center;
font-size: 14px;
.triangle {
position: absolute;
@ -724,13 +725,11 @@
}
.name {
font-size: 15px;
color: #7f7f7f;
margin-bottom: 8px;
}
.value {
font-size: 16px;
color: #000000;
}
}
@ -834,7 +833,7 @@
margin: 0 auto 38px;
position: relative;
z-index: 1;
--tab-left: "0px";
--tab-left: "-1px";
.item {
height: 100%;
@ -856,7 +855,7 @@
width: 90px;
height: 100%;
position: absolute;
top: 0;
top: -1;
left: var(--tab-left);
z-index: -1;
transition: all 0.3s;
@ -1246,7 +1245,7 @@
.content-right {
width: 290px;
margin-left: 10px;
margin-left: 20px;
.live {
width: 100%;
@ -1854,19 +1853,28 @@
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 1);
z-index: 1000;
animation: fadeBackground 3s infinite;
animation: fadeBackground 2s linear infinite;
}
@keyframes fadeBackground {
0% {
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
}
50% {
background-color: rgba(0, 0, 0, 0.8);
20% {
opacity: 0.1;
}
40% {
opacity: 0.3;
}
60% {
opacity: 0.5;
}
80% {
opacity: 0.3;
}
100% {
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
}
}

2
html/details.html
View File

@ -15,7 +15,7 @@
<body>
<div class="main" id="app">
<div class="load-mask"></div>
<div id="load-mask" v-if="false"></div>
<img class="index-icon" src="/img/index-icon.png" />
<div class="boxbox">