caojiezi2003/Jony
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
haoouba 2021-02-09 19:15:16 +08:00
parent d1d5214d49
commit 321774bd7a
4 changed files with 180 additions and 171 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/joe.global.css
View File

File diff suppressed because one or more lines are too long

26
assets/css/joe.global.scss
View File

@ -1158,15 +1158,16 @@
position: relative; position: relative;
} }
h1 { h1 {
padding: 0 15px 0 20px; padding: 0 15px;
&::before { &::before {
content: '#'; content: '';
color: var(--theme);
font-weight: 700;
position: absolute; position: absolute;
top: 0; top: 8.5px;
left: 0; left: 0;
line-height: 24px; height: 7px;
width: 7px;
border-radius: 50%;
background: var(--theme);
} }
} }
h2 { h2 {
@ -1183,16 +1184,15 @@
} }
} }
h3 { h3 {
padding: 0 15px; padding: 0 15px 0 20px;
&::before { &::before {
content: ''; content: '#';
color: var(--theme);
font-weight: 700;
position: absolute; position: absolute;
top: 8.5px; top: 0;
left: 0; left: 0;
height: 7px; line-height: 24px;
width: 7px;
border-radius: 50%;
background: var(--theme);
} }
} }
h4 { h4 {

2
assets/css/joe.responsive.css
View File

@ -1 +1 @@
@media (max-width: 1760px){html #live2d-widget{visibility:hidden}}@media (max-width: 1400px){html .joe_live__play-player{height:520px}html .joe_detail__friends{grid-template-columns:repeat(3, 1fr)}html .joe_video__source-list{grid-template-columns:repeat(7, 1fr)}}@media (max-width: 1200px){html .joe_live__list-item .thumb{height:120px}html .joe_live__play-player{height:450px}html .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .joe_video__list-item .item .thumb{height:200px}html .joe_video__player-play{height:450px}html .joe_video__source-list{grid-template-columns:repeat(6, 1fr)}html .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}html .joe_index__hot-list .item .link .inner .image{height:80px}html .joe_index__banner{display:block}html .joe_index__banner-recommend{width:100%;margin-left:0;padding-top:15px;display:grid;grid-template-columns:repeat(2, 1fr);-webkit-column-gap:15px;column-gap:15px}html .joe_index__banner-recommend.noswiper{padding-top:0}html .joe_index__banner-recommend .item{height:135px;margin:0 !important}}@media (max-width: 992px){html .joe_aside{display:none}html .joe_live__play-player{height:400px}html .joe_video__player-play{height:400px}html .joe_video__source-list{grid-template-columns:repeat(5, 1fr)}html .swiper-container{height:300px}html .swiper-container .item{height:300px}html .joe_header__below{display:none}html .joe_header__above-logo{padding:0;margin:0}html .joe_header__above-logo::after{display:none}html .joe_header__above-nav{display:none}html .joe_index__hot-list .item .link .inner .image{height:100px}}@media (max-width: 768px){html #Joe{display:none}html .noaside::after{content:"移动端适配中..."}}html .noaside .joe_live__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(7, 1fr)}html .noaside .joe_wallpaper__list{grid-template-columns:repeat(5, 1fr)}@media (max-width: 1400px){html .noaside .joe_detail__friends{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(6, 1fr)}}@media (max-width: 1200px){html .noaside .joe_detail__friends{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(5, 1fr)}html .noaside .joe_wallpaper__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_index__hot-list .item .link .inner .image{height:100px}html .noaside .joe_index__banner-recommend .item{height:150px}}@media (max-width: 992px){html .noaside .joe_live__list{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}} @media (max-width: 1760px){html #live2d-widget{visibility:hidden}}@media (max-width: 1400px){html .joe_detail__article-player{height:450px}html .joe_live__play-player{height:520px}html .joe_detail__friends{grid-template-columns:repeat(3, 1fr)}html .joe_video__source-list{grid-template-columns:repeat(7, 1fr)}}@media (max-width: 1200px){html .joe_detail__article-player{height:400px}html .joe_live__list-item .thumb{height:120px}html .joe_live__play-player{height:450px}html .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .joe_video__list-item .item .thumb{height:200px}html .joe_video__player-play{height:450px}html .joe_video__source-list{grid-template-columns:repeat(6, 1fr)}html .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}html .joe_index__hot-list .item .link .inner .image{height:80px}html .joe_index__banner{display:block}html .joe_index__banner-recommend{width:100%;margin-left:0;padding-top:15px;display:grid;grid-template-columns:repeat(2, 1fr);-webkit-column-gap:15px;column-gap:15px}html .joe_index__banner-recommend.noswiper{padding-top:0}html .joe_index__banner-recommend .item{height:135px;margin:0 !important}}@media (max-width: 992px){html .joe_detail__article-player{height:360px}html .joe_aside{display:none}html .joe_live__play-player{height:400px}html .joe_video__player-play{height:400px}html .joe_video__source-list{grid-template-columns:repeat(5, 1fr)}html .swiper-container{height:300px}html .swiper-container .item{height:300px}html .joe_header__below{display:none}html .joe_header__above-logo{padding:0;margin:0}html .joe_header__above-logo::after{display:none}html .joe_header__above-nav{display:none}html .joe_index__hot-list .item .link .inner .image{height:100px}}@media (max-width: 768px){html #Joe{display:none}html .noaside::after{content:'移动端适配中...'}}html .noaside .joe_live__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(7, 1fr)}html .noaside .joe_wallpaper__list{grid-template-columns:repeat(5, 1fr)}@media (max-width: 1400px){html .noaside .joe_detail__friends{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(6, 1fr)}}@media (max-width: 1200px){html .noaside .joe_detail__friends{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(5, 1fr)}html .noaside .joe_wallpaper__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_index__hot-list .item .link .inner .image{height:100px}html .noaside .joe_index__banner-recommend .item{height:150px}}@media (max-width: 992px){html .noaside .joe_live__list{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}}

321
assets/css/joe.responsive.scss
View File

@ -2,169 +2,178 @@
/* 有侧边栏时候的样式 */ /* 有侧边栏时候的样式 */
html { html {
@media (max-width: 1760px) { @media (max-width: 1760px) {
#live2d-widget { #live2d-widget {
visibility: hidden; visibility: hidden;
} }
} }
@media (max-width: 1400px) { @media (max-width: 1400px) {
.joe_live__play-player { .joe_detail__article-player {
height: 520px;
}
.joe_detail__friends {
grid-template-columns: repeat(3, 1fr);
}
.joe_video__source-list {
grid-template-columns: repeat(7, 1fr);
}
}
@media (max-width: 1200px) {
.joe_live__list-item .thumb {
height: 120px;
}
.joe_live__play-player {
height: 450px; height: 450px;
} }
.joe_detail__friends { .joe_live__play-player {
grid-template-columns: repeat(2, 1fr); height: 520px;
} }
.joe_video__list-item { .joe_detail__friends {
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(3, 1fr);
} }
.joe_video__list-item .item .thumb { .joe_video__source-list {
height: 200px; grid-template-columns: repeat(7, 1fr);
} }
.joe_video__player-play { }
height: 450px; @media (max-width: 1200px) {
} .joe_detail__article-player {
.joe_video__source-list {
grid-template-columns: repeat(6, 1fr);
}
.joe_wallpaper__list {
grid-template-columns: repeat(3, 1fr);
}
.joe_index__hot-list .item .link .inner .image {
height: 80px;
}
.joe_index__banner {
display: block;
}
.joe_index__banner-recommend {
width: 100%;
margin-left: 0;
padding-top: 15px;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 15px;
&.noswiper {
padding-top: 0;
}
}
.joe_index__banner-recommend .item {
height: 135px;
margin: 0 !important;
}
}
@media (max-width: 992px) {
.joe_aside {
display: none;
}
.joe_live__play-player {
height: 400px; height: 400px;
} }
.joe_video__player-play { .joe_live__list-item .thumb {
height: 400px; height: 120px;
}
.joe_live__play-player {
height: 450px;
}
.joe_detail__friends {
grid-template-columns: repeat(2, 1fr);
}
.joe_video__list-item {
grid-template-columns: repeat(4, 1fr);
}
.joe_video__list-item .item .thumb {
height: 200px;
}
.joe_video__player-play {
height: 450px;
}
.joe_video__source-list {
grid-template-columns: repeat(6, 1fr);
}
.joe_wallpaper__list {
grid-template-columns: repeat(3, 1fr);
}
.joe_index__hot-list .item .link .inner .image {
height: 80px;
}
.joe_index__banner {
display: block;
}
.joe_index__banner-recommend {
width: 100%;
margin-left: 0;
padding-top: 15px;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 15px;
&.noswiper {
padding-top: 0;
}
}
.joe_index__banner-recommend .item {
height: 135px;
margin: 0 !important;
}
}
@media (max-width: 992px) {
.joe_detail__article-player {
height: 360px;
} }
.joe_video__source-list { .joe_aside {
grid-template-columns: repeat(5, 1fr); display: none;
} }
.swiper-container { .joe_live__play-player {
height: 300px; height: 400px;
} }
.swiper-container .item { .joe_video__player-play {
height: 300px; height: 400px;
} }
.joe_header__below { .joe_video__source-list {
display: none; grid-template-columns: repeat(5, 1fr);
} }
.joe_header__above-logo { .swiper-container {
padding: 0; height: 300px;
margin: 0; }
&::after { .swiper-container .item {
display: none; height: 300px;
} }
} .joe_header__below {
.joe_header__above-nav { display: none;
display: none; }
} .joe_header__above-logo {
.joe_index__hot-list .item .link .inner .image { padding: 0;
height: 100px; margin: 0;
} &::after {
} display: none;
@media (max-width: 768px) { }
#Joe { }
display: none; .joe_header__above-nav {
} display: none;
.noaside::after { }
content: "移动端适配中..."; .joe_index__hot-list .item .link .inner .image {
} height: 100px;
} }
@media (max-width: 576px) { }
} @media (max-width: 768px) {
#Joe {
display: none;
}
.noaside::after {
content: '移动端适配中...';
}
}
@media (max-width: 576px) {
}
} }
/* 没有侧边栏时候的样式 */ /* 没有侧边栏时候的样式 */
html .noaside { html .noaside {
.joe_live__list { .joe_live__list {
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
} }
.joe_video__list-item { .joe_video__list-item {
grid-template-columns: repeat(7, 1fr); grid-template-columns: repeat(7, 1fr);
} }
.joe_wallpaper__list { .joe_wallpaper__list {
grid-template-columns: repeat(5, 1fr); grid-template-columns: repeat(5, 1fr);
} }
@media (max-width: 1400px) { @media (max-width: 1400px) {
.joe_detail__friends { .joe_detail__friends {
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
} }
.joe_video__list-item { .joe_video__list-item {
grid-template-columns: repeat(6, 1fr); grid-template-columns: repeat(6, 1fr);
} }
} }
@media (max-width: 1200px) { @media (max-width: 1200px) {
.joe_detail__friends { .joe_detail__friends {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }
.joe_video__list-item { .joe_video__list-item {
grid-template-columns: repeat(5, 1fr); grid-template-columns: repeat(5, 1fr);
} }
.joe_wallpaper__list { .joe_wallpaper__list {
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
} }
.joe_index__hot-list .item .link .inner .image { .joe_index__hot-list .item .link .inner .image {
height: 100px; height: 100px;
} }
.joe_index__banner-recommend .item { .joe_index__banner-recommend .item {
height: 150px; height: 150px;
} }
} }
@media (max-width: 992px) { @media (max-width: 992px) {
.joe_live__list { .joe_live__list {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }
.joe_detail__friends { .joe_detail__friends {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
} }
.joe_video__list-item { .joe_video__list-item {
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
} }
.joe_wallpaper__list { .joe_wallpaper__list {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }
} }
@media (max-width: 768px) { @media (max-width: 768px) {
} }
@media (max-width: 576px) { @media (max-width: 576px) {
} }
} }