更新
This commit is contained in:
parent
d1d5214d49
commit
321774bd7a
File diff suppressed because one or more lines are too long
@ -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 {
|
||||
|
@ -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)}}
|
||||
|
@ -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) {
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user