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

File diff suppressed because one or more lines are too long

View File

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

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)}}

View File

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