This commit is contained in:
杜恒
2021-05-21 10:14:21 +08:00
parent 60e51ae9e5
commit 4d94903484
9 changed files with 124 additions and 12 deletions

View File

@@ -1 +1 @@
.joe_census__basic{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;margin-bottom:15px}.joe_census__basic-item.list{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}.joe_census__basic-item.list .list{display:flex;align-items:center;justify-content:space-between;background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-inner) var(--radius-wrap) var(--radius-wrap) var(--radius-inner);padding:15px 15px 12px}.joe_census__basic-item.list .list .count{display:flex;flex-direction:column;justify-content:space-between;height:100%}.joe_census__basic-item.list .list .count h6{font-size:12px;margin-bottom:10px;color:var(--seat)}.joe_census__basic-item.list .list .count p{font-size:28px;font-weight:700}.joe_census__basic-item.list .list .icon{fill:var(--classA)}.joe_census__basic-item.list .list:nth-child(1){border-left:5px solid #1cc88a;color:#1cc88a}.joe_census__basic-item.list .list:nth-child(2){border-left:5px solid #36b9cc;color:#36b9cc}.joe_census__basic-item.list .list:nth-child(3){border-left:5px solid #2196f3;color:#2196f3}.joe_census__basic-item.list .list:nth-child(4){border-left:5px solid #9c27b0;color:#9c27b0}.joe_census__basic-item.category{background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-wrap)}.joe_census__basic-item.category #category{height:230px}.joe_census__lately{background:var(--background);margin-bottom:15px;border-radius:var(--radius-wrap);box-shadow:var(--box-shadow)}.joe_census__lately .title{display:flex;align-items:center;height:45px;padding:0 12px;border-bottom:1px solid var(--classC);color:var(--main);justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_census__lately #lately{height:310px}.joe_census__server{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}.joe_census__server-item{background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-wrap)}.joe_census__server-item .title{display:flex;align-items:center;height:45px;padding:0 12px;border-bottom:1px solid var(--classC);color:var(--main);justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_census__server-item .title .count{color:var(--minor);font-size:12px}.joe_census__server-item .title .count .split{margin:0 5px}.joe_census__server-item .content{padding:15px}.joe_census__server-item .content #work,.joe_census__server-item .content #flow{height:338px}
.joe_census__basic{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;margin-bottom:15px}.joe_census__basic-item.list{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}.joe_census__basic-item.list .list{display:flex;align-items:center;justify-content:space-between;background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-inner) var(--radius-wrap) var(--radius-wrap) var(--radius-inner);padding:15px 15px 12px}.joe_census__basic-item.list .list .count{display:flex;flex-direction:column;justify-content:space-between;height:100%}.joe_census__basic-item.list .list .count h6{font-size:12px;margin-bottom:10px;color:var(--seat)}.joe_census__basic-item.list .list .count p{font-size:28px;font-weight:700}.joe_census__basic-item.list .list .icon{fill:var(--classA)}.joe_census__basic-item.list .list:nth-child(1){border-left:5px solid #1cc88a;color:#1cc88a}.joe_census__basic-item.list .list:nth-child(2){border-left:5px solid #36b9cc;color:#36b9cc}.joe_census__basic-item.list .list:nth-child(3){border-left:5px solid #2196f3;color:#2196f3}.joe_census__basic-item.list .list:nth-child(4){border-left:5px solid #9c27b0;color:#9c27b0}.joe_census__basic-item.category{background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-wrap)}.joe_census__basic-item.category #category{height:230px}.joe_census__lately{background:var(--background);margin-bottom:15px;border-radius:var(--radius-wrap);box-shadow:var(--box-shadow)}.joe_census__lately .title{display:flex;align-items:center;height:45px;padding:0 12px;border-bottom:1px solid var(--classC);color:var(--main);justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_census__lately .content{padding:15px}.joe_census__lately .content #lately{height:300px}.joe_census__server{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}.joe_census__server-item{background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-wrap)}.joe_census__server-item .title{display:flex;align-items:center;height:45px;padding:0 12px;border-bottom:1px solid var(--classC);color:var(--main);justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_census__server-item .title .count{color:var(--minor);font-size:12px}.joe_census__server-item .title .count .split{margin:0 5px}.joe_census__server-item .content{padding:15px}.joe_census__server-item .content #work,.joe_census__server-item .content #flow{height:315px}

View File

@@ -78,8 +78,11 @@
justify-content: space-between;
user-select: none;
}
#lately {
height: 310px;
.content {
padding: 15px;
#lately {
height: 300px;
}
}
}
&__server {
@@ -111,7 +114,7 @@
padding: 15px;
#work,
#flow {
height: 338px;
height: 315px;
}
}
}

File diff suppressed because one or more lines are too long

View File

@@ -9,7 +9,7 @@ html {
@media (max-width: 1400px) {
.joe {
&_vplayer{
&_vplayer {
height: 450px;
}
&_wallpaper {
@@ -92,12 +92,24 @@ html {
}
}
}
&_census {
&__server {
&-item {
.content {
#work,
#flow {
height: 300px;
}
}
}
}
}
}
}
@media (max-width: 1200px) {
.joe {
&_vplayer{
&_vplayer {
height: 430px;
}
&_detail {
@@ -232,6 +244,35 @@ html {
}
}
}
&_census {
&__basic {
&-item {
&.category {
#category {
height: 220px;
}
}
}
}
&__server {
grid-template-columns: 45% 1fr;
&-item {
.content {
#work,
#flow {
height: 280px;
}
}
}
}
&__lately {
.content {
#lately {
height: 280px;
}
}
}
}
}
.swiper-container {
height: 280px;
@@ -243,7 +284,7 @@ html {
@media (max-width: 992px) {
.joe {
&_vplayer{
&_vplayer {
height: 400px;
}
&_aside {
@@ -322,7 +363,31 @@ html {
}
}
}
&_census {
&__basic {
grid-template-columns: unset;
}
&__lately {
.content {
#lately {
height: 265px;
}
}
}
&__server {
grid-template-columns: unset;
&-item {
.content {
#work,
#flow {
height: 250px;
}
}
}
}
}
}
.swiper-container {
height: 250px;
.item {
@@ -333,7 +398,7 @@ html {
@media (max-width: 768px) {
.joe {
&_vplayer{
&_vplayer {
height: 225px;
}
&_header {
@@ -783,6 +848,40 @@ html {
}
}
}
&_census {
&__basic {
&-item {
&.list {
.list {
padding: 10px 15px;
.count {
p {
font-size: 24px;
}
}
}
}
}
}
&__lately {
.content {
#lately {
height: 240px;
}
}
}
&__server {
grid-template-columns: unset;
&-item {
.content {
#work,
#flow {
height: 240px;
}
}
}
}
}
}
.swiper-container {
height: 180px;