mirror of
https://dl.bcrjl.com/ghg/HaoOuBa/Joe.git
synced 2026-02-17 13:10:05 +08:00
更新
This commit is contained in:
haoouba
File diff suppressed because one or more lines are too long
@@ -1166,11 +1166,10 @@
|
||||
}
|
||||
}
|
||||
.thumbnail {
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
width: 210px;
|
||||
height: 140px;
|
||||
min-width: 210px;
|
||||
min-height: 140px;
|
||||
margin-right: 15px;
|
||||
overflow: hidden;
|
||||
img {
|
||||
@@ -1308,11 +1307,10 @@
|
||||
border-bottom: none;
|
||||
}
|
||||
.thumbnail {
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
width: 210px;
|
||||
height: 140px;
|
||||
min-width: 210px;
|
||||
min-height: 140px;
|
||||
margin-right: 15px;
|
||||
background: var(--classD);
|
||||
animation: list_thumbnail_loading 0.5s infinite alternate;
|
||||
@@ -1500,7 +1498,7 @@
|
||||
color: var(--main);
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 18px;
|
||||
position: relative;
|
||||
}
|
||||
h1 {
|
||||
@@ -1585,15 +1583,15 @@
|
||||
border: none;
|
||||
height: 1px;
|
||||
background-color: var(--classB);
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
p {
|
||||
line-height: 26px;
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
blockquote {
|
||||
line-height: 26px;
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 18px;
|
||||
background: #ecf8ff;
|
||||
border-left: 5px solid #50bfff;
|
||||
color: #50bfff;
|
||||
@@ -1649,17 +1647,19 @@
|
||||
}
|
||||
pre[class*='language-'] {
|
||||
position: relative;
|
||||
margin: 0 0 15px;
|
||||
margin: 0 0 18px;
|
||||
padding: 30px 0 0;
|
||||
border-radius: var(--radius-inner);
|
||||
font-size: 14px;
|
||||
overflow: hidden !important;
|
||||
border-radius: var(--radius-inner);
|
||||
overflow: hidden;
|
||||
code[class*='language-'] {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
overflow: auto;
|
||||
max-height: 500px;
|
||||
overflow-y: auto;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
padding: 0 15px 12px;
|
||||
border-radius: var(--radius-inner);
|
||||
}
|
||||
&::after {
|
||||
content: '';
|
||||
@@ -1715,8 +1715,8 @@
|
||||
}
|
||||
ol,
|
||||
ul {
|
||||
margin-bottom: 15px;
|
||||
padding: 0 30px;
|
||||
margin-bottom: 18px;
|
||||
padding-left: 36px;
|
||||
li {
|
||||
line-height: 26px;
|
||||
}
|
||||
@@ -1732,7 +1732,7 @@
|
||||
max-width: 100%;
|
||||
table-layout: fixed;
|
||||
color: var(--minor);
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 18px;
|
||||
font-size: 13px;
|
||||
border-top: 1px solid var(--classC);
|
||||
border-left: 1px solid var(--classC);
|
||||
@@ -1783,7 +1783,7 @@
|
||||
justify-content: center;
|
||||
background: repeating-linear-gradient(145deg, var(--classB), var(--classB) 15px, var(--background) 0, var(--background) 30px);
|
||||
padding: 20px 0;
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 18px;
|
||||
.contain {
|
||||
position: relative;
|
||||
box-shadow: var(--box-shadow);
|
||||
@@ -2050,7 +2050,7 @@
|
||||
user-select: none;
|
||||
}
|
||||
&-video {
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 18px;
|
||||
.play,
|
||||
.episodes {
|
||||
position: relative;
|
||||
@@ -2133,17 +2133,16 @@
|
||||
max-width: 450px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.plyr--audio{
|
||||
.plyr--audio {
|
||||
box-shadow: var(--box-shadow);
|
||||
background: var(--classD);
|
||||
border-radius: 26px;
|
||||
padding: 0 5px;
|
||||
--plyr-audio-control-color: var(--routine);
|
||||
.plyr__controls{
|
||||
.plyr__controls {
|
||||
background: var(--classD);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
&__agree {
|
||||
@@ -2194,20 +2193,18 @@
|
||||
padding: 15px;
|
||||
border-radius: var(--radius-inner);
|
||||
.item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--minor);
|
||||
white-space: nowrap;
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 5px;
|
||||
word-break: break-all;
|
||||
line-height: 22px;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
margin-right: 5px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 3px;
|
||||
vertical-align: -4px;
|
||||
}
|
||||
.link {
|
||||
color: var(--minor);
|
||||
@@ -2215,11 +2212,6 @@
|
||||
color: var(--theme);
|
||||
}
|
||||
}
|
||||
.text {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1 +1 @@
|
||||
html{--theme: #409eff;--background: #fff;--main: #303133;--routine: #606266;--minor: #909399;--seat: #c0c4cc;--classA: #dcdfe6;--classB: #e4e7ed;--classC: #ebeef5;--classD: #f2f6fc;--radius-wrap: 8px;--radius-inner: 4px;--text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);--box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22)}html[data-night='night'] body{--theme: #54b5db;--background: #333;--main: #717273;--routine: #696969;--minor: #606060;--seat: #666;--classA: #515253;--classB: #454545;--classC: #414243;--classD: #404040;--text-shadow: none;--box-shadow: none}html[data-night='night'] body::before{background:#121212;z-index:-500}html[data-night='night'] .joe_header__above-logo img{display:none}html[data-night='night'] .joe_header__above-logo svg{display:block}
|
||||
html{--theme: #409eff;--background: #fff;--main: #303133;--routine: #606266;--minor: #909399;--seat: #c0c4cc;--classA: #dcdfe6;--classB: #e4e7ed;--classC: #ebeef5;--classD: #f2f6fc;--radius-wrap: 8px;--radius-inner: 4px;--text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);--box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22)}html[data-night='night'] body{--theme: #54b5db;--background: #232323;--main: #999;--routine: #888;--minor: #777;--seat: #666;--classA: #515253;--classB: #454545;--classC: #414243;--classD: #303030;--text-shadow: none;--box-shadow: none}html[data-night='night'] body::before{background:#121212;z-index:-500}html[data-night='night'] .joe_header__above-logo img{display:none}html[data-night='night'] .joe_header__above-logo svg{display:block}html[data-night='night'] .joe_detail__article-video .episodes .box .item:not(.active){background:var(--classC)}html[data-night='night'] .joe_detail__article blockquote{background:var(--classD);color:var(--routine);border-color:var(--classA)}html[data-night='night'] .joe_detail__article code{background:#fdf0ec38;color:#a6aba8}html[data-night='night'] .joe_detail__article pre code{background:none;color:unset}html[data-night='night'] .joe_detail__article-anote{color:#ffffff9c}html[data-night='night'] .joe_detail__article-abtn{color:#ffffff9c}
|
||||
|
||||
@@ -20,15 +20,15 @@ html {
|
||||
/* 黑夜模式的配色方案 */
|
||||
html[data-night='night'] body {
|
||||
--theme: #54b5db;
|
||||
--background: #333;
|
||||
--main: #717273;
|
||||
--routine: #696969;
|
||||
--minor: #606060;
|
||||
--background: #232323;
|
||||
--main: #999;
|
||||
--routine: #888;
|
||||
--minor: #777;
|
||||
--seat: #666;
|
||||
--classA: #515253;
|
||||
--classB: #454545;
|
||||
--classC: #414243;
|
||||
--classD: #404040;
|
||||
--classD: #303030;
|
||||
--text-shadow: none;
|
||||
--box-shadow: none;
|
||||
}
|
||||
@@ -47,4 +47,26 @@ html[data-night='night'] {
|
||||
display: block;
|
||||
}
|
||||
/* 自定义的样式，写在这个下面 */
|
||||
.joe_detail__article-video .episodes .box .item:not(.active) {
|
||||
background: var(--classC);
|
||||
}
|
||||
.joe_detail__article blockquote {
|
||||
background: var(--classD);
|
||||
color: var(--routine);
|
||||
border-color: var(--classA);
|
||||
}
|
||||
.joe_detail__article code {
|
||||
background: #fdf0ec38;
|
||||
color: #a6aba8;
|
||||
}
|
||||
.joe_detail__article pre code {
|
||||
background: none;
|
||||
color: unset;
|
||||
}
|
||||
.joe_detail__article-anote {
|
||||
color: #ffffff9c;
|
||||
}
|
||||
.joe_detail__article-abtn {
|
||||
color: #ffffff9c;
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -1,354 +1,351 @@
|
||||
.joe_video {
|
||||
&__contain {
|
||||
position: relative;
|
||||
background: var(--background);
|
||||
border-radius: var(--radius-wrap);
|
||||
box-shadow: var(--box-shadow);
|
||||
padding: 60px 15px 15px;
|
||||
&-title {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: -10px;
|
||||
background: var(--theme);
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15);
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 0 12px;
|
||||
border-radius: 2px 2px 2px 0;
|
||||
user-select: none;
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -10px;
|
||||
left: -10px;
|
||||
border-style: solid;
|
||||
border-width: 10px;
|
||||
border-color: var(--theme) transparent transparent;
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
&__type {
|
||||
margin-bottom: 15px;
|
||||
&-list {
|
||||
display: grid;
|
||||
gap: 15px;
|
||||
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
|
||||
border-top: 1px solid var(--classC);
|
||||
padding-top: 15px;
|
||||
.item {
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
background: var(--classD);
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
border-radius: 14px;
|
||||
cursor: pointer;
|
||||
color: var(--routine);
|
||||
font-size: 12px;
|
||||
padding: 0 15px;
|
||||
text-align: center;
|
||||
transition: color 0.35s, background 0.35s, box-shadow 0.35s, transform 0.35s;
|
||||
&.active {
|
||||
transform: translateY(-2px);
|
||||
color: #fff;
|
||||
background: var(--theme);
|
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
&:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
.error {
|
||||
text-align: center;
|
||||
color: var(--routine);
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__list {
|
||||
&-item {
|
||||
display: grid;
|
||||
gap: 15px;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
border-top: 1px solid var(--classC);
|
||||
padding-top: 15px;
|
||||
.item {
|
||||
position: relative;
|
||||
&__contain {
|
||||
position: relative;
|
||||
background: var(--background);
|
||||
border-radius: var(--radius-wrap);
|
||||
box-shadow: var(--box-shadow);
|
||||
padding: 60px 15px 15px;
|
||||
&-title {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: -10px;
|
||||
background: var(--theme);
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15);
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 0 12px;
|
||||
border-radius: 2px 2px 2px 0;
|
||||
user-select: none;
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -10px;
|
||||
left: -10px;
|
||||
border-style: solid;
|
||||
border-width: 10px;
|
||||
border-color: var(--theme) transparent transparent;
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
&__type {
|
||||
margin-bottom: 15px;
|
||||
&-list {
|
||||
display: grid;
|
||||
gap: 15px;
|
||||
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
|
||||
border-top: 1px solid var(--classC);
|
||||
padding-top: 15px;
|
||||
.item {
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
background: var(--classD);
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
border-radius: 14px;
|
||||
cursor: pointer;
|
||||
color: var(--routine);
|
||||
font-size: 12px;
|
||||
padding: 0 15px;
|
||||
text-align: center;
|
||||
transition: color 0.35s, background 0.35s, box-shadow 0.35s, transform 0.35s;
|
||||
&.active {
|
||||
transform: translateY(-2px);
|
||||
color: #fff;
|
||||
background: var(--theme);
|
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
&:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
.error {
|
||||
text-align: center;
|
||||
color: var(--routine);
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__list {
|
||||
&-item {
|
||||
display: grid;
|
||||
gap: 15px;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
border-top: 1px solid var(--classC);
|
||||
padding-top: 15px;
|
||||
.item {
|
||||
position: relative;
|
||||
border-radius: var(--radius-inner);
|
||||
overflow: hidden;
|
||||
.year {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
padding: 2px 5px;
|
||||
border-radius: 2px;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
background: #ff6800;
|
||||
color: #fff;
|
||||
z-index: 3;
|
||||
}
|
||||
.thumb {
|
||||
position: relative;
|
||||
height: 260px;
|
||||
.pic {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
transition: background 0.3s ease-out;
|
||||
z-index: 2;
|
||||
}
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: -25px 0 0 -25px;
|
||||
opacity: 0;
|
||||
background: url(../img/play.png) no-repeat;
|
||||
transform: scale(2);
|
||||
transition: transform 0.25s ease-out, opacity 0.25s ease-out;
|
||||
z-index: 3;
|
||||
}
|
||||
&:hover {
|
||||
&::before {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
&::after {
|
||||
opacity: 0.8;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
.title {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding: 0 10px;
|
||||
text-align: center;
|
||||
color: var(--routine);
|
||||
background: var(--classD);
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
.error {
|
||||
text-align: center;
|
||||
color: var(--minor);
|
||||
}
|
||||
&:empty {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 180px;
|
||||
&::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA1NyA1NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM0MDllZmYiPg0KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIHN0cm9rZS13aWR0aD0iMiI+DQogICAgICAgICAgICA8Y2lyY2xlIGN4PSI1IiBjeT0iNTAiIHI9IjUiPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN5Ig0KICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiDQogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjUwOzU7NTA7NTAiDQogICAgICAgICAgICAgICAgICAgICBjYWxjTW9kZT0ibGluZWFyIg0KICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giDQogICAgICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMi4ycyINCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNTsyNzs0OTs1Ig0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgPC9jaXJjbGU+DQogICAgICAgICAgICA8Y2lyY2xlIGN4PSIyNyIgY3k9IjUiIHI9IjUiPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN5Ig0KICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiDQogICAgICAgICAgICAgICAgICAgICBmcm9tPSI1IiB0bz0iNSINCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNTs1MDs1MDs1Ig0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4Ig0KICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiDQogICAgICAgICAgICAgICAgICAgICBmcm9tPSIyNyIgdG89IjI3Ig0KICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSIyNzs0OTs1OzI3Ig0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgPC9jaXJjbGU+DQogICAgICAgICAgICA8Y2lyY2xlIGN4PSI0OSIgY3k9IjUwIiByPSI1Ij4NCiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSINCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIg0KICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSI1MDs1MDs1OzUwIg0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4Ig0KICAgICAgICAgICAgICAgICAgICAgZnJvbT0iNDkiIHRvPSI0OSINCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIg0KICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSI0OTs1OzI3OzQ5Ig0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgPC9jaXJjbGU+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-search {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.input {
|
||||
width: 180px;
|
||||
height: 30px;
|
||||
padding: 0 12px;
|
||||
color: var(--routine);
|
||||
background: var(--background);
|
||||
border: 1px solid var(--theme);
|
||||
font-size: 12px;
|
||||
}
|
||||
.button {
|
||||
height: 30px;
|
||||
border: none;
|
||||
background: var(--theme);
|
||||
color: #fff;
|
||||
padding: 0 12px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__pagination {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
padding-top: 15px;
|
||||
&-item {
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
margin-left: 5px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
padding: 0 15px;
|
||||
background: var(--background);
|
||||
color: var(--main);
|
||||
border-radius: 2px;
|
||||
transition: background 0.35s, color 0.35s;
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
svg {
|
||||
fill: var(--routine);
|
||||
transition: fill 0.35s;
|
||||
}
|
||||
.next {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
&.active,
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background: var(--theme);
|
||||
svg {
|
||||
fill: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&__detail {
|
||||
margin-bottom: 15px;
|
||||
&-info {
|
||||
display: flex;
|
||||
border-top: 1px solid var(--classC);
|
||||
padding-top: 15px;
|
||||
.thumbnail {
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
width: 180px;
|
||||
height: 240px;
|
||||
margin-right: 15px;
|
||||
border-radius: var(--radius-inner);
|
||||
overflow: hidden;
|
||||
.year {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
padding: 2px 5px;
|
||||
border-radius: 2px;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
background: #ff6800;
|
||||
color: #fff;
|
||||
z-index: 3;
|
||||
}
|
||||
.thumb {
|
||||
position: relative;
|
||||
height: 220px;
|
||||
.pic {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
transition: background 0.3s ease-out;
|
||||
z-index: 2;
|
||||
}
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: -25px 0 0 -25px;
|
||||
opacity: 0;
|
||||
background: url(../img/play.png) no-repeat;
|
||||
transform: scale(2);
|
||||
transition: transform 0.25s ease-out, opacity 0.25s ease-out;
|
||||
z-index: 3;
|
||||
}
|
||||
&:hover {
|
||||
&::before {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
&::after {
|
||||
opacity: 0.8;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
.title {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding: 0 10px;
|
||||
text-align: center;
|
||||
color: var(--routine);
|
||||
background: var(--classD);
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
.error {
|
||||
text-align: center;
|
||||
color: var(--minor);
|
||||
}
|
||||
&:empty {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 180px;
|
||||
&::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA1NyA1NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM0MDllZmYiPg0KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIHN0cm9rZS13aWR0aD0iMiI+DQogICAgICAgICAgICA8Y2lyY2xlIGN4PSI1IiBjeT0iNTAiIHI9IjUiPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN5Ig0KICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiDQogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjUwOzU7NTA7NTAiDQogICAgICAgICAgICAgICAgICAgICBjYWxjTW9kZT0ibGluZWFyIg0KICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giDQogICAgICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMi4ycyINCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNTsyNzs0OTs1Ig0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgPC9jaXJjbGU+DQogICAgICAgICAgICA8Y2lyY2xlIGN4PSIyNyIgY3k9IjUiIHI9IjUiPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN5Ig0KICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiDQogICAgICAgICAgICAgICAgICAgICBmcm9tPSI1IiB0bz0iNSINCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNTs1MDs1MDs1Ig0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4Ig0KICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiDQogICAgICAgICAgICAgICAgICAgICBmcm9tPSIyNyIgdG89IjI3Ig0KICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSIyNzs0OTs1OzI3Ig0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgPC9jaXJjbGU+DQogICAgICAgICAgICA8Y2lyY2xlIGN4PSI0OSIgY3k9IjUwIiByPSI1Ij4NCiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSINCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIg0KICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSI1MDs1MDs1OzUwIg0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4Ig0KICAgICAgICAgICAgICAgICAgICAgZnJvbT0iNDkiIHRvPSI0OSINCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIg0KICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSI0OTs1OzI3OzQ5Ig0KICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICAgICAgPC9jaXJjbGU+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-search {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.input {
|
||||
width: 180px;
|
||||
height: 30px;
|
||||
padding: 0 12px;
|
||||
color: var(--routine);
|
||||
background: var(--background);
|
||||
border: 1px solid var(--theme);
|
||||
font-size: 12px;
|
||||
}
|
||||
.button {
|
||||
height: 30px;
|
||||
border: none;
|
||||
background: var(--theme);
|
||||
color: #fff;
|
||||
padding: 0 12px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__pagination {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
padding-top: 15px;
|
||||
&-item {
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
margin-left: 5px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
padding: 0 15px;
|
||||
background: var(--background);
|
||||
color: var(--main);
|
||||
border-radius: 2px;
|
||||
transition: background 0.35s, color 0.35s;
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
svg {
|
||||
fill: var(--routine);
|
||||
transition: fill 0.35s;
|
||||
}
|
||||
.next {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
&.active,
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background: var(--theme);
|
||||
svg {
|
||||
fill: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&__detail {
|
||||
margin-bottom: 15px;
|
||||
&-info {
|
||||
display: flex;
|
||||
border-top: 1px solid var(--classC);
|
||||
padding-top: 15px;
|
||||
.thumbnail {
|
||||
position: relative;
|
||||
width: 180px;
|
||||
height: 250px;
|
||||
min-width: 180px;
|
||||
min-height: 180px;
|
||||
margin-right: 15px;
|
||||
.pic {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.year {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
padding: 2px 5px;
|
||||
border-radius: 2px;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
background: #ff6800;
|
||||
color: #fff;
|
||||
z-index: 3;
|
||||
}
|
||||
}
|
||||
.description {
|
||||
overflow: hidden;
|
||||
dt {
|
||||
font-size: 22px;
|
||||
color: var(--main);
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
dd {
|
||||
position: relative;
|
||||
padding-left: 45px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 5px;
|
||||
.muted {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: var(--minor);
|
||||
}
|
||||
.text {
|
||||
word-break: break-all;
|
||||
color: var(--routine);
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
/*! autoprefixer: off */
|
||||
-webkit-box-orient: vertical;
|
||||
/* autoprefixer: on */
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-height: 48px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.error {
|
||||
color: var(--minor);
|
||||
margin: 0 auto;
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__player {
|
||||
margin-bottom: 15px;
|
||||
&-play {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
background: #000;
|
||||
}
|
||||
}
|
||||
&__source {
|
||||
margin-bottom: 15px;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
&-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 15px;
|
||||
border-top: 1px solid var(--classC);
|
||||
padding-top: 15px;
|
||||
.item {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
border-radius: 15px;
|
||||
background: var(--classD);
|
||||
color: var(--routine);
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
transition: transform 0.35s, box-shadow 0.35s, background 0.35s, color 0.35s;
|
||||
padding: 0 10px;
|
||||
&.active {
|
||||
transform: translateY(-2px);
|
||||
color: #fff;
|
||||
background: var(--theme);
|
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
&:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.pic {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.year {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
padding: 2px 5px;
|
||||
border-radius: 2px;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
background: #ff6800;
|
||||
color: #fff;
|
||||
z-index: 3;
|
||||
}
|
||||
}
|
||||
.description {
|
||||
overflow: hidden;
|
||||
dt {
|
||||
font-size: 22px;
|
||||
color: var(--main);
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
dd {
|
||||
margin-bottom: 5px;
|
||||
word-break: break-all;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
/*! autoprefixer: off */
|
||||
-webkit-box-orient: vertical;
|
||||
/* autoprefixer: on */
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 22px;
|
||||
max-height: 44px;
|
||||
.muted {
|
||||
color: var(--minor);
|
||||
}
|
||||
.text {
|
||||
color: var(--routine);
|
||||
}
|
||||
}
|
||||
}
|
||||
.error {
|
||||
color: var(--minor);
|
||||
margin: 0 auto;
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__player {
|
||||
margin-bottom: 15px;
|
||||
&-play {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
background: #000;
|
||||
}
|
||||
}
|
||||
&__source {
|
||||
margin-bottom: 15px;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
&-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 15px;
|
||||
border-top: 1px solid var(--classC);
|
||||
padding-top: 15px;
|
||||
.item {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
border-radius: 15px;
|
||||
background: var(--classD);
|
||||
color: var(--routine);
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
transition: transform 0.35s, box-shadow 0.35s, background 0.35s, color 0.35s;
|
||||
padding: 0 10px;
|
||||
&.active {
|
||||
transform: translateY(-2px);
|
||||
color: #fff;
|
||||
background: var(--theme);
|
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
&:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -225,19 +225,6 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
$(window).on('scroll', () => calcProgress());
|
||||
}
|
||||
|
||||
/* 判断页面上是否有侧边栏 */
|
||||
{
|
||||
const getAside = () => {
|
||||
if ($('.joe_aside').length === 0) {
|
||||
$('body').addClass('noaside');
|
||||
} else {
|
||||
$('body').removeClass('noaside');
|
||||
}
|
||||
};
|
||||
getAside();
|
||||
$(window).on('resize', () => getAside());
|
||||
}
|
||||
|
||||
/* 评论框点击切换画图模式和文本模式 */
|
||||
{
|
||||
$('.joe_comment__respond-type .item').on('click', function () {
|
||||
@@ -315,7 +302,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
let isSubmit = false;
|
||||
$('.joe_comment__respond-form').on('submit', function (e) {
|
||||
e.preventDefault();
|
||||
const url = $('.joe_comment__respond-form').attr('action');
|
||||
const url = $('.joe_comment__respond-form').attr('action') + '?time=' + +new Date();
|
||||
const type = $('.joe_comment__respond-form').attr('data-type');
|
||||
const parent = $('.joe_comment__respond-form').attr('data-coid');
|
||||
const author = $(".joe_comment__respond-form .head input[name='author']").val();
|
||||
|
||||
@@ -5,7 +5,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
let direction = 'horizontal';
|
||||
if (!Joe.IS_MOBILE && $('.joe_index__banner-recommend .item').length === 2) direction = 'vertical';
|
||||
new Swiper('.swiper-container', {
|
||||
keyboard: true,
|
||||
keyboard: false,
|
||||
direction,
|
||||
loop: true,
|
||||
autoplay: true,
|
||||
@@ -29,10 +29,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
<a href="${_.permalink}" class="thumbnail" title="${_.title}">
|
||||
<img width="100%" height="100%" class="lazyload" src="${_.lazyload}" data-src="${_.image[0]}" onerror="javascript: this.src='${_.lazyload}';" alt="${_.title}" />
|
||||
<time datetime="${_.time}">${_.time}</time>
|
||||
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
|
||||
<path d="M903.93077753 107.30625876H115.78633587C64.57261118 107.30625876 22.58166006 149.81138495 22.58166006 201.02510964v624.26547214c0 51.7240923 41.99095114 93.71694641 93.71694641 93.7169464h788.14444164c51.7202834 0 93.71694641-41.99285557 93.71694642-93.7169464v-624.26547214c-0.51227057-51.21372469-43.01739676-93.71885088-94.229217-93.71885088zM115.78633587 171.8333054h788.65671224c16.385041 0 29.70407483 13.31522639 29.70407484 29.70407482v390.22828696l-173.60830179-189.48107072c-12.80486025-13.82749697-30.21634542-21.50774542-48.14010264-19.97093513-17.92375723 1.02073227-34.82106734 10.75387344-46.60138495 26.11437327l-172.58185762 239.1598896-87.06123767-85.52061846c-12.28878076-11.78222353-27.65308802-17.92375723-44.03812902-17.92375577-16.3907529 0.50846167-31.75506163 7.67644101-43.52966736 20.48129978L86.59453164 821.70468765V202.04965083c-1.02454117-17.41529409 12.80486025-30.73052046 29.19180423-30.21634543zM903.93077753 855.50692718H141.90642105l222.25496164-245.81940722 87.0593347 86.03669649c12.80105134 12.80676323 30.21253651 18.95020139 47.11555999 17.4172 17.40958218-1.53871621 33.79652618-11.26614404 45.06267018-26.11818071l172.58376063-238.64762047 216.11152349 236.08817198 2.05098681-1.54062067v142.87778132c0.50846167 16.3907529-13.31522639 29.70597929-30.21444096 29.70597928z m0 0" p-id="1916"></path>
|
||||
<path d="M318.07226687 509.82713538c79.88945091 0 144.41649754-65.03741277 144.41649754-144.41649753 0-79.37718032-64.52704663-144.92495923-144.41649754-144.92495922-79.89135536 0-144.41649754 64.52704663-144.41649756 144.41268862 0 79.89135536 64.52514218 144.92876814 144.41649756 144.92876813z m0-225.3266807c44.55230407 0 80.91208763 36.36168802 80.91208762 80.91018317 0 44.55611297-35.84751297 81.43007159-80.91208762 81.43007012-45.06838356 0-80.91589654-36.35978356-80.91589508-80.91589507 0-44.55611297 36.87205415-81.42435823 80.91589508-81.42435822z m0 0" p-id="1917"></path>
|
||||
</svg>
|
||||
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M903.93 107.306H115.787c-51.213 0-93.204 42.505-93.204 93.72V825.29c0 51.724 41.99 93.717 93.717 93.717h788.144c51.72 0 93.717-41.993 93.717-93.717V201.025c-.512-51.214-43.017-93.719-94.23-93.719zm-788.144 64.527h788.657c16.385 0 29.704 13.316 29.704 29.704v390.229L760.54 402.285c-12.805-13.828-30.217-21.508-48.14-19.971-17.924 1.02-34.821 10.754-46.602 26.114l-172.582 239.16-87.06-85.52c-12.29-11.783-27.654-17.924-44.039-17.924-16.39.508-31.755 7.676-43.53 20.48L86.595 821.705V202.05c-1.025-17.416 12.804-30.73 29.191-30.217zm788.145 683.674H141.906l222.255-245.82 87.06 86.037c12.8 12.807 30.212 18.95 47.115 17.417 17.41-1.538 33.797-11.266 45.063-26.118l172.584-238.647 216.111 236.088 2.051-1.54V825.8c.509 16.39-13.315 29.706-30.214 29.706zm0 0"/><path d="M318.072 509.827c79.89 0 144.417-65.037 144.417-144.416 0-79.378-64.527-144.925-144.417-144.925-79.891 0-144.416 64.527-144.416 144.412 0 79.892 64.525 144.93 144.416 144.93zm0-225.327c44.553 0 80.912 36.362 80.912 80.91 0 44.557-35.847 81.43-80.912 81.43-45.068 0-80.916-36.36-80.916-80.915 0-44.556 36.872-81.425 80.916-81.425zm0 0"/></svg>
|
||||
</a>
|
||||
<div class="information">
|
||||
<a href="${_.permalink}" class="title" title="${_.title}">
|
||||
@@ -47,9 +44,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
<li>${_.agree} 点赞</li>
|
||||
</ul>
|
||||
<div class="last" style="display: ${_.category.length ? 'flex' : 'none'}">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="15" height="15">
|
||||
<path d="M512.200568 564.743248a76.81755 76.81755 0 0 1-30.973432-6.508227L108.22384 393.876696c-26.104541-11.508102-42.559305-35.754319-42.926671-63.272046-0.38374-27.439956 15.355733-52.052516 41.041741-64.231907L479.343229 89.632413c20.590967-9.736758 45.159526-9.754155 65.750493 0.017396l372.585787 176.739307c25.668613 12.1886 41.390689 36.792974 41.024346 64.231907-0.38374 27.500331-16.821107 51.729152-42.908252 63.237253L543.226189 558.235021a77.180823 77.180823 0 0 1-31.025621 6.508227zM139.841955 329.591577l370.21274 163.241898c1.291412 0.558725 3.018753 0.566912 4.344958-0.00921l369.758392-163.128311-369.706203-175.464267v-0.00921c-1.326205-0.62831-3.157923-0.636496-4.501524 0L139.841955 329.591577z m748.015342 1.858324h0.174985-0.174985zM512.375553 941.673993c-10.347672 0-20.799722-2.320858-30.53648-6.997368L121.048937 778.624477c-18.11252-7.834432-26.453489-28.870538-18.619056-46.983058 7.834432-18.11252 28.861328-26.488281 46.992267-18.609846L511.502673 869.659843l345.259418-156.366304c17.938558-8.165983 39.139415-0.252757 47.323819 17.746176 8.165983 17.96414 0.227174 39.156812-17.72878 47.323819L541.847795 934.973384c-9.196453 4.449335-19.282159 6.700609-29.472242 6.700609z" fill="#444444" p-id="37980"></path><path d="M871.563192 515.448542l-359.753527 156.326395-359.451652-155.987681v73.577763c0 13.701047 8.165983 26.084075 20.759813 31.479968L474.636021 750.035348c11.805884 5.702885 24.498974 8.54563 37.174667 8.54563s25.367761-2.842745 37.174668-8.54563l301.834396-129.501446a34.248012 34.248012 0 0 0 20.744463-31.473829v-73.611531z" fill="#ff6a18" p-id="37981"></path>
|
||||
</svg>
|
||||
<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M512.2 564.743a76.818 76.818 0 0 1-30.973-6.508L108.224 393.877c-26.105-11.508-42.56-35.755-42.927-63.272-.384-27.44 15.356-52.053 41.042-64.232l373.004-176.74c20.591-9.737 45.16-9.755 65.75.017L917.68 266.39c25.668 12.188 41.39 36.792 41.024 64.231-.384 27.5-16.821 51.73-42.908 63.237l-372.57 164.377a77.18 77.18 0 0 1-31.025 6.508zM139.843 329.592l370.213 163.241c1.291.56 3.018.567 4.345-.009l369.758-163.128-369.706-175.464v-.01c-1.326-.628-3.158-.636-4.502 0l-370.108 175.37zm748.015 1.858h.175-.175zM512.376 941.674c-10.348 0-20.8-2.32-30.537-6.997L121.05 778.624c-18.113-7.834-26.454-28.87-18.62-46.983 7.835-18.112 28.862-26.488 46.993-18.61l362.08 156.629 345.26-156.366c17.939-8.166 39.14-.253 47.324 17.746 8.166 17.964.227 39.157-17.729 47.324l-344.51 156.61c-9.196 4.449-19.281 6.7-29.471 6.7z" fill="#444"/><path d="M871.563 515.449L511.81 671.775 152.358 515.787v73.578a34.248 34.248 0 0 0 20.76 31.48l301.518 129.19c11.806 5.703 24.499 8.546 37.175 8.546s25.367-2.843 37.174-8.546L850.82 620.534a34.248 34.248 0 0 0 20.744-31.474V515.45z" fill="#ff6a18"/></svg>
|
||||
<a class="link" rel="nofollow" href="${_.category.length && _.category[0].permalink}">${_.category.length && _.category[0].name}</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -72,9 +67,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
<li>${_.agree} 点赞</li>
|
||||
</ul>
|
||||
<div class="last" style="display: ${_.category.length ? 'flex' : 'none'}">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="15" height="15">
|
||||
<path d="M512.200568 564.743248a76.81755 76.81755 0 0 1-30.973432-6.508227L108.22384 393.876696c-26.104541-11.508102-42.559305-35.754319-42.926671-63.272046-0.38374-27.439956 15.355733-52.052516 41.041741-64.231907L479.343229 89.632413c20.590967-9.736758 45.159526-9.754155 65.750493 0.017396l372.585787 176.739307c25.668613 12.1886 41.390689 36.792974 41.024346 64.231907-0.38374 27.500331-16.821107 51.729152-42.908252 63.237253L543.226189 558.235021a77.180823 77.180823 0 0 1-31.025621 6.508227zM139.841955 329.591577l370.21274 163.241898c1.291412 0.558725 3.018753 0.566912 4.344958-0.00921l369.758392-163.128311-369.706203-175.464267v-0.00921c-1.326205-0.62831-3.157923-0.636496-4.501524 0L139.841955 329.591577z m748.015342 1.858324h0.174985-0.174985zM512.375553 941.673993c-10.347672 0-20.799722-2.320858-30.53648-6.997368L121.048937 778.624477c-18.11252-7.834432-26.453489-28.870538-18.619056-46.983058 7.834432-18.11252 28.861328-26.488281 46.992267-18.609846L511.502673 869.659843l345.259418-156.366304c17.938558-8.165983 39.139415-0.252757 47.323819 17.746176 8.165983 17.96414 0.227174 39.156812-17.72878 47.323819L541.847795 934.973384c-9.196453 4.449335-19.282159 6.700609-29.472242 6.700609z" fill="#444444" p-id="37980"></path><path d="M871.563192 515.448542l-359.753527 156.326395-359.451652-155.987681v73.577763c0 13.701047 8.165983 26.084075 20.759813 31.479968L474.636021 750.035348c11.805884 5.702885 24.498974 8.54563 37.174667 8.54563s25.367761-2.842745 37.174668-8.54563l301.834396-129.501446a34.248012 34.248012 0 0 0 20.744463-31.473829v-73.611531z" fill="#ff6a18" p-id="37981"></path>
|
||||
</svg>
|
||||
<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M512.2 564.743a76.818 76.818 0 0 1-30.973-6.508L108.224 393.877c-26.105-11.508-42.56-35.755-42.927-63.272-.384-27.44 15.356-52.053 41.042-64.232l373.004-176.74c20.591-9.737 45.16-9.755 65.75.017L917.68 266.39c25.668 12.188 41.39 36.792 41.024 64.231-.384 27.5-16.821 51.73-42.908 63.237l-372.57 164.377a77.18 77.18 0 0 1-31.025 6.508zM139.843 329.592l370.213 163.241c1.291.56 3.018.567 4.345-.009l369.758-163.128-369.706-175.464v-.01c-1.326-.628-3.158-.636-4.502 0l-370.108 175.37zm748.015 1.858h.175-.175zM512.376 941.674c-10.348 0-20.8-2.32-30.537-6.997L121.05 778.624c-18.113-7.834-26.454-28.87-18.62-46.983 7.835-18.112 28.862-26.488 46.993-18.61l362.08 156.629 345.26-156.366c17.939-8.166 39.14-.253 47.324 17.746 8.166 17.964.227 39.157-17.729 47.324l-344.51 156.61c-9.196 4.449-19.281 6.7-29.471 6.7z" fill="#444"/><path d="M871.563 515.449L511.81 671.775 152.358 515.787v73.578a34.248 34.248 0 0 0 20.76 31.48l301.518 129.19c11.806 5.703 24.499 8.546 37.175 8.546s25.367-2.843 37.174-8.546L850.82 620.534a34.248 34.248 0 0 0 20.744-31.474V515.45z" fill="#ff6a18"/></svg>
|
||||
<a class="link" rel="nofollow" href="${_.category.length && _.category[0].permalink}">${_.category.length && _.category[0].name}</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -82,10 +75,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
<a href="${_.permalink}" class="thumbnail" title="${_.title}">
|
||||
<img width="100%" height="100%" class="lazyload" src="${_.lazyload}" data-src="${_.image[0]}" onerror="javascript: this.src='${_.lazyload}';" alt="${_.title}" />
|
||||
<time datetime="${_.time}">${_.time}</time>
|
||||
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
|
||||
<path d="M903.93077753 107.30625876H115.78633587C64.57261118 107.30625876 22.58166006 149.81138495 22.58166006 201.02510964v624.26547214c0 51.7240923 41.99095114 93.71694641 93.71694641 93.7169464h788.14444164c51.7202834 0 93.71694641-41.99285557 93.71694642-93.7169464v-624.26547214c-0.51227057-51.21372469-43.01739676-93.71885088-94.229217-93.71885088zM115.78633587 171.8333054h788.65671224c16.385041 0 29.70407483 13.31522639 29.70407484 29.70407482v390.22828696l-173.60830179-189.48107072c-12.80486025-13.82749697-30.21634542-21.50774542-48.14010264-19.97093513-17.92375723 1.02073227-34.82106734 10.75387344-46.60138495 26.11437327l-172.58185762 239.1598896-87.06123767-85.52061846c-12.28878076-11.78222353-27.65308802-17.92375723-44.03812902-17.92375577-16.3907529 0.50846167-31.75506163 7.67644101-43.52966736 20.48129978L86.59453164 821.70468765V202.04965083c-1.02454117-17.41529409 12.80486025-30.73052046 29.19180423-30.21634543zM903.93077753 855.50692718H141.90642105l222.25496164-245.81940722 87.0593347 86.03669649c12.80105134 12.80676323 30.21253651 18.95020139 47.11555999 17.4172 17.40958218-1.53871621 33.79652618-11.26614404 45.06267018-26.11818071l172.58376063-238.64762047 216.11152349 236.08817198 2.05098681-1.54062067v142.87778132c0.50846167 16.3907529-13.31522639 29.70597929-30.21444096 29.70597928z m0 0" p-id="1916"></path>
|
||||
<path d="M318.07226687 509.82713538c79.88945091 0 144.41649754-65.03741277 144.41649754-144.41649753 0-79.37718032-64.52704663-144.92495923-144.41649754-144.92495922-79.89135536 0-144.41649754 64.52704663-144.41649756 144.41268862 0 79.89135536 64.52514218 144.92876814 144.41649756 144.92876813z m0-225.3266807c44.55230407 0 80.91208763 36.36168802 80.91208762 80.91018317 0 44.55611297-35.84751297 81.43007159-80.91208762 81.43007012-45.06838356 0-80.91589654-36.35978356-80.91589508-80.91589507 0-44.55611297 36.87205415-81.42435823 80.91589508-81.42435822z m0 0" p-id="1917"></path>
|
||||
</svg>
|
||||
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M903.93 107.306H115.787c-51.213 0-93.204 42.505-93.204 93.72V825.29c0 51.724 41.99 93.717 93.717 93.717h788.144c51.72 0 93.717-41.993 93.717-93.717V201.025c-.512-51.214-43.017-93.719-94.23-93.719zm-788.144 64.527h788.657c16.385 0 29.704 13.316 29.704 29.704v390.229L760.54 402.285c-12.805-13.828-30.217-21.508-48.14-19.971-17.924 1.02-34.821 10.754-46.602 26.114l-172.582 239.16-87.06-85.52c-12.29-11.783-27.654-17.924-44.039-17.924-16.39.508-31.755 7.676-43.53 20.48L86.595 821.705V202.05c-1.025-17.416 12.804-30.73 29.191-30.217zm788.145 683.674H141.906l222.255-245.82 87.06 86.037c12.8 12.807 30.212 18.95 47.115 17.417 17.41-1.538 33.797-11.266 45.063-26.118l172.584-238.647 216.111 236.088 2.051-1.54V825.8c.509 16.39-13.315 29.706-30.214 29.706zm0 0"/><path d="M318.072 509.827c79.89 0 144.417-65.037 144.417-144.416 0-79.378-64.527-144.925-144.417-144.925-79.891 0-144.416 64.527-144.416 144.412 0 79.892 64.525 144.93 144.416 144.93zm0-225.327c44.553 0 80.912 36.362 80.912 80.91 0 44.557-35.847 81.43-80.912 81.43-45.068 0-80.916-36.36-80.916-80.915 0-44.556 36.872-81.425 80.916-81.425zm0 0"/></svg>
|
||||
</a>
|
||||
<div class="information" style="margin-bottom: 0;">
|
||||
<a class="abstract" href="${_.permalink}" title="文章摘要">${_.abstract}</a>
|
||||
@@ -119,9 +109,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
<li>${_.agree} 点赞</li>
|
||||
</ul>
|
||||
<div class="last" style="display: ${_.category.length ? 'flex' : 'none'}">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="15" height="15">
|
||||
<path d="M512.200568 564.743248a76.81755 76.81755 0 0 1-30.973432-6.508227L108.22384 393.876696c-26.104541-11.508102-42.559305-35.754319-42.926671-63.272046-0.38374-27.439956 15.355733-52.052516 41.041741-64.231907L479.343229 89.632413c20.590967-9.736758 45.159526-9.754155 65.750493 0.017396l372.585787 176.739307c25.668613 12.1886 41.390689 36.792974 41.024346 64.231907-0.38374 27.500331-16.821107 51.729152-42.908252 63.237253L543.226189 558.235021a77.180823 77.180823 0 0 1-31.025621 6.508227zM139.841955 329.591577l370.21274 163.241898c1.291412 0.558725 3.018753 0.566912 4.344958-0.00921l369.758392-163.128311-369.706203-175.464267v-0.00921c-1.326205-0.62831-3.157923-0.636496-4.501524 0L139.841955 329.591577z m748.015342 1.858324h0.174985-0.174985zM512.375553 941.673993c-10.347672 0-20.799722-2.320858-30.53648-6.997368L121.048937 778.624477c-18.11252-7.834432-26.453489-28.870538-18.619056-46.983058 7.834432-18.11252 28.861328-26.488281 46.992267-18.609846L511.502673 869.659843l345.259418-156.366304c17.938558-8.165983 39.139415-0.252757 47.323819 17.746176 8.165983 17.96414 0.227174 39.156812-17.72878 47.323819L541.847795 934.973384c-9.196453 4.449335-19.282159 6.700609-29.472242 6.700609z" fill="#444444" p-id="37980"></path><path d="M871.563192 515.448542l-359.753527 156.326395-359.451652-155.987681v73.577763c0 13.701047 8.165983 26.084075 20.759813 31.479968L474.636021 750.035348c11.805884 5.702885 24.498974 8.54563 37.174667 8.54563s25.367761-2.842745 37.174668-8.54563l301.834396-129.501446a34.248012 34.248012 0 0 0 20.744463-31.473829v-73.611531z" fill="#ff6a18" p-id="37981"></path>
|
||||
</svg>
|
||||
<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M512.2 564.743a76.818 76.818 0 0 1-30.973-6.508L108.224 393.877c-26.105-11.508-42.56-35.755-42.927-63.272-.384-27.44 15.356-52.053 41.042-64.232l373.004-176.74c20.591-9.737 45.16-9.755 65.75.017L917.68 266.39c25.668 12.188 41.39 36.792 41.024 64.231-.384 27.5-16.821 51.73-42.908 63.237l-372.57 164.377a77.18 77.18 0 0 1-31.025 6.508zM139.843 329.592l370.213 163.241c1.291.56 3.018.567 4.345-.009l369.758-163.128-369.706-175.464v-.01c-1.326-.628-3.158-.636-4.502 0l-370.108 175.37zm748.015 1.858h.175-.175zM512.376 941.674c-10.348 0-20.8-2.32-30.537-6.997L121.05 778.624c-18.113-7.834-26.454-28.87-18.62-46.983 7.835-18.112 28.862-26.488 46.993-18.61l362.08 156.629 345.26-156.366c17.939-8.166 39.14-.253 47.324 17.746 8.166 17.964.227 39.157-17.729 47.324l-344.51 156.61c-9.196 4.449-19.281 6.7-29.471 6.7z" fill="#444"/><path d="M871.563 515.449L511.81 671.775 152.358 515.787v73.578a34.248 34.248 0 0 0 20.76 31.48l301.518 129.19c11.806 5.703 24.499 8.546 37.175 8.546s25.367-2.843 37.174-8.546L850.82 620.534a34.248 34.248 0 0 0 20.744-31.474V515.45z" fill="#ff6a18"/></svg>
|
||||
<a class="link" rel="nofollow" href="${_.category.length && _.category[0].permalink}">${_.category.length && _.category[0].name}</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -144,9 +132,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
<li>${_.agree} 点赞</li>
|
||||
</ul>
|
||||
<div class="last" style="display: ${_.category.length ? 'flex' : 'none'}">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="15" height="15">
|
||||
<path d="M512.200568 564.743248a76.81755 76.81755 0 0 1-30.973432-6.508227L108.22384 393.876696c-26.104541-11.508102-42.559305-35.754319-42.926671-63.272046-0.38374-27.439956 15.355733-52.052516 41.041741-64.231907L479.343229 89.632413c20.590967-9.736758 45.159526-9.754155 65.750493 0.017396l372.585787 176.739307c25.668613 12.1886 41.390689 36.792974 41.024346 64.231907-0.38374 27.500331-16.821107 51.729152-42.908252 63.237253L543.226189 558.235021a77.180823 77.180823 0 0 1-31.025621 6.508227zM139.841955 329.591577l370.21274 163.241898c1.291412 0.558725 3.018753 0.566912 4.344958-0.00921l369.758392-163.128311-369.706203-175.464267v-0.00921c-1.326205-0.62831-3.157923-0.636496-4.501524 0L139.841955 329.591577z m748.015342 1.858324h0.174985-0.174985zM512.375553 941.673993c-10.347672 0-20.799722-2.320858-30.53648-6.997368L121.048937 778.624477c-18.11252-7.834432-26.453489-28.870538-18.619056-46.983058 7.834432-18.11252 28.861328-26.488281 46.992267-18.609846L511.502673 869.659843l345.259418-156.366304c17.938558-8.165983 39.139415-0.252757 47.323819 17.746176 8.165983 17.96414 0.227174 39.156812-17.72878 47.323819L541.847795 934.973384c-9.196453 4.449335-19.282159 6.700609-29.472242 6.700609z" fill="#444444" p-id="37980"></path><path d="M871.563192 515.448542l-359.753527 156.326395-359.451652-155.987681v73.577763c0 13.701047 8.165983 26.084075 20.759813 31.479968L474.636021 750.035348c11.805884 5.702885 24.498974 8.54563 37.174667 8.54563s25.367761-2.842745 37.174668-8.54563l301.834396-129.501446a34.248012 34.248012 0 0 0 20.744463-31.473829v-73.611531z" fill="#ff6a18" p-id="37981"></path>
|
||||
</svg>
|
||||
<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M512.2 564.743a76.818 76.818 0 0 1-30.973-6.508L108.224 393.877c-26.105-11.508-42.56-35.755-42.927-63.272-.384-27.44 15.356-52.053 41.042-64.232l373.004-176.74c20.591-9.737 45.16-9.755 65.75.017L917.68 266.39c25.668 12.188 41.39 36.792 41.024 64.231-.384 27.5-16.821 51.73-42.908 63.237l-372.57 164.377a77.18 77.18 0 0 1-31.025 6.508zM139.843 329.592l370.213 163.241c1.291.56 3.018.567 4.345-.009l369.758-163.128-369.706-175.464v-.01c-1.326-.628-3.158-.636-4.502 0l-370.108 175.37zm748.015 1.858h.175-.175zM512.376 941.674c-10.348 0-20.8-2.32-30.537-6.997L121.05 778.624c-18.113-7.834-26.454-28.87-18.62-46.983 7.835-18.112 28.862-26.488 46.993-18.61l362.08 156.629 345.26-156.366c17.939-8.166 39.14-.253 47.324 17.746 8.166 17.964.227 39.157-17.729 47.324l-344.51 156.61c-9.196 4.449-19.281 6.7-29.471 6.7z" fill="#444"/><path d="M871.563 515.449L511.81 671.775 152.358 515.787v73.578a34.248 34.248 0 0 0 20.76 31.48l301.518 129.19c11.806 5.703 24.499 8.546 37.175 8.546s25.367-2.843 37.174-8.546L850.82 620.534a34.248 34.248 0 0 0 20.744-31.474V515.45z" fill="#ff6a18"/></svg>
|
||||
<a class="link" rel="nofollow" href="${_.category.length && _.category[0].permalink}">${_.category.length && _.category[0].name}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -37,6 +37,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
});
|
||||
}
|
||||
function renderLiveList() {
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||
queryData.isLoading = true;
|
||||
$('.joe_live__list').html('');
|
||||
$.ajax({
|
||||
@@ -59,17 +60,13 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
</div>
|
||||
<div class="description">
|
||||
<div class="avatar">
|
||||
<svg class="icon" viewBox="0 0 76 31" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M57.7,11.4c-1.4-1.4-2.7-2.9-4.1-4.4c-0.2-0.3-0.5-0.5-0.8-0.8c-0.2-0.2-0.3-0.3-0.5-0.5l0,0C48.6,2.2,43.5,0,38,0S27.4,2.2,23.6,5.7l0,0c-0.2,0.2-0.3,0.3-0.5,0.5c-0.3,0.3-0.5,0.5-0.8,0.8c-1.4,1.5-2.7,3-4.1,4.4c-5,5.1-11.7,6.1-18.3,6.3V31h9.4h8.9h39.4h4.9H76V17.6C69.4,17.4,62.7,16.5,57.7,11.4z"></path>
|
||||
</svg>
|
||||
<svg class="icon" viewBox="0 0 76 31" xmlns="http://www.w3.org/2000/svg"><path d="M57.7 11.4C56.3 10 55 8.5 53.6 7c-.2-.3-.5-.5-.8-.8l-.5-.5C48.6 2.2 43.5 0 38 0S27.4 2.2 23.6 5.7l-.5.5-.8.8c-1.4 1.5-2.7 3-4.1 4.4-5 5.1-11.7 6.1-18.3 6.3V31H76V17.6c-6.6-.2-13.3-1.1-18.3-6.2z"/></svg>
|
||||
<img width="25" height="25" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="${_.avatar180}" onerror="javascript: this.src = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';" alt="${_.nick}"/>
|
||||
</div>
|
||||
<div class="nick">${_.nick}</div>
|
||||
<p class="introduction">${_.introduction}</p>
|
||||
<div class="meta">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="13" height="13">
|
||||
<path d="M859.9104 609.92512l0 45.6c-0.67968 2.21952-1.5104 4.4352-1.9648 6.70464-4.66048 24.09984-7.28448 48.82944-14.31552 72.22016-20.84992 69.02016-59.92064 126.53952-114.6944 173.50016-42.24512 36.2496-89.7856 62.36544-144.1344 75.22048-17.87008 4.23552-36.19456 6.73024-54.32064 10.0352l-45.5744 0c-2.21952-0.6848-4.49024-1.72032-6.75456-1.87008-48.12544-2.9952-93.72544-15.52512-136.50048-37.38496-80.86528-41.18528-139.19488-102.5152-165.83552-190.74048-5.67424-18.8544-8.03968-38.62016-11.9744-57.97504l0-43.50976c1.7152-10.69056 3.2-21.47456 5.21984-32.16 8.61952-46.68544 29.36576-88.0256 56.83968-126.19008 25.91488-35.92064 53.44-70.70464 78.016-107.53536 26.56896-39.95008 39.424-84.2944 31.88992-132.9152-1.4848-9.60512-2.87488-19.20896-4.33536-28.76416 0.98048-0.25088 1.9648-0.45056 2.9504-0.73088 59.31008 62.16064 68.96512 138.46528 60.49408 220.92032 2.17088-2.31936 3.98592-3.93472 5.37088-5.79968 50.33984-68.08448 71.96416-143.29984 55.55456-227.54688-10.42944-53.58976-32.99456-101.76512-70.32448-141.81504C369.3056 61.84576 349.69472 47.65568 331.61984 32l18.65472 0c1.536 0.62976 2.976 1.7152 4.53504 1.86496 32.82048 2.81984 63.65056 12.95488 93.02016 27.2 67.17056 32.51584 121.62048 80.58496 167.17056 139.22048 66.9504 86.27968 110.48448 181.99424 119.10528 292.19968 3.30496 42.06976-0.9856 82.95552-12.19968 123.2896-4.23552 15.27552-10.21056 30.04544-15.68 45.94944 21.72544-9.25056 38.24-23.38944 50.9952-41.7152 38.04032-54.77504 48.67456-115.85536 40.05504-183.38048 2.80064 3.24992 4.23552 4.53504 5.21472 6.14528 22.91456 36.19968 40.05504 74.81472 49.0048 116.78464C855.05024 576.17024 857.11488 593.1648 859.9104 609.92512M501.56544 529.61536c-0.85504 0.60544-1.79072 1.2352-2.67008 1.84064-1.18528 16.64-2.06976 33.30048-3.68 49.93536-2.37056 25.38496-8.44544 49.85984-20.32 72.62464-14.52032 27.87968-38.7904 45.21984-65.69088 59.01056-29.00992 14.9696-47.28448 36.34944-49.65504 70.10048-2.46912 34.70976 7.96544 63.86944 35.94496 85.20064 26.21568 19.96032 56.84096 26.4704 89.3056 25.38496 51.82976-1.6896 90.4448-26.32064 105.92512-78.1952 11.11552-37.23008 9.30048-74.71488 1.86496-112.19456-10.16064-51.37536-28.76544-99.26528-60.60032-141.2352C523.04512 550.36032 511.7504 540.40448 501.56544 529.61536" fill="#fc6528"></path>
|
||||
</svg>
|
||||
<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="13" height="13"><path d="M859.91 609.925v45.6c-.68 2.22-1.51 4.435-1.964 6.705-4.66 24.1-7.285 48.83-14.316 72.22-20.85 69.02-59.92 126.54-114.694 173.5-42.245 36.25-89.786 62.366-144.135 75.22-17.87 4.236-36.194 6.73-54.32 10.036h-45.575c-2.22-.685-4.49-1.72-6.754-1.87-48.126-2.996-93.726-15.525-136.5-37.385-80.866-41.186-139.196-102.515-165.836-190.74-5.675-18.855-8.04-38.62-11.975-57.976v-43.51c1.715-10.69 3.2-21.474 5.22-32.16 8.62-46.685 29.366-88.025 56.84-126.19 25.915-35.92 53.44-70.704 78.016-107.535 26.569-39.95 39.424-84.294 31.89-132.915-1.485-9.605-2.875-19.21-4.336-28.764.98-.251 1.965-.45 2.95-.731 59.31 62.16 68.966 138.465 60.495 220.92 2.17-2.32 3.986-3.935 5.37-5.8 50.34-68.084 71.965-143.3 55.555-227.546-10.43-53.59-32.994-101.766-70.324-141.816C369.306 61.846 349.695 47.656 331.62 32h18.655c1.536.63 2.976 1.715 4.535 1.865 32.82 2.82 63.65 12.955 93.02 27.2C515 93.581 569.45 141.65 615 200.285c66.95 86.28 110.485 181.995 119.106 292.2 3.305 42.07-.986 82.956-12.2 123.29-4.236 15.275-10.21 30.045-15.68 45.95 21.725-9.251 38.24-23.39 50.995-41.716 38.04-54.775 48.675-115.855 40.055-183.38 2.8 3.25 4.236 4.535 5.215 6.145 22.914 36.2 40.055 74.814 49.005 116.784 3.554 16.612 5.619 33.607 8.414 50.367m-358.345-80.31c-.855.606-1.79 1.236-2.67 1.841-1.185 16.64-2.07 33.3-3.68 49.935-2.37 25.385-8.445 49.86-20.32 72.625-14.52 27.88-38.79 45.22-65.69 59.01-29.01 14.97-47.285 36.35-49.656 70.101-2.469 34.71 7.966 63.87 35.945 85.2 26.216 19.961 56.841 26.471 89.306 25.386 51.83-1.69 90.445-26.321 105.925-78.196 11.116-37.23 9.3-74.714 1.865-112.194-10.16-51.375-28.765-99.265-60.6-141.235-8.945-11.728-20.24-21.684-30.425-32.473" fill="#fc6528"/></svg>
|
||||
<span class="total">${parseNum(_.totalCount)}</span>
|
||||
<span class="name">${_.gameFullName}</span>
|
||||
</div>
|
||||
@@ -90,9 +87,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
htmlStr += `
|
||||
<li class="joe_live__pagination-item" data-page="1">首页</li>
|
||||
<li class="joe_live__pagination-item" data-page="${queryData.page - 1}">
|
||||
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
|
||||
<path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z" fill="" p-id="9417"></path><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312 0.512zM181.248 877.056c0-3.584 0-7.68 0.512-11.264h-0.512V151.552h0.512c-0.512-3.584-0.512-7.168-0.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-0.512 11.264h0.512V865.792h-0.512c0.512 3.584 0.512 7.168 0.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"></path>
|
||||
</svg>
|
||||
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z"/><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312.512zm-564.224-63.488c0-3.584 0-7.68.512-11.264h-.512v-714.24h.512c-.512-3.584-.512-7.168-.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-.512 11.264h.512v714.24h-.512c.512 3.584.512 7.168.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"/></svg>
|
||||
</li>
|
||||
<li class="joe_live__pagination-item" data-page="${queryData.page - 1}">${queryData.page - 1}</li>
|
||||
`;
|
||||
@@ -102,9 +97,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
htmlStr += `
|
||||
<li class="joe_live__pagination-item" data-page="${queryData.page + 1}">${queryData.page + 1}</li>
|
||||
<li class="joe_live__pagination-item" data-page="${queryData.page + 1}">
|
||||
<svg class="next" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
|
||||
<path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z" fill="" p-id="9417"></path><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312 0.512zM181.248 877.056c0-3.584 0-7.68 0.512-11.264h-0.512V151.552h0.512c-0.512-3.584-0.512-7.168-0.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-0.512 11.264h0.512V865.792h-0.512c0.512 3.584 0.512 7.168 0.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"></path>
|
||||
</svg>
|
||||
<svg class="next" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z"/><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312.512zm-564.224-63.488c0-3.584 0-7.68.512-11.264h-.512v-714.24h.512c-.512-3.584-.512-7.168-.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-.512 11.264h.512v714.24h-.512c.512 3.584.512 7.168.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"/></svg>
|
||||
</li>
|
||||
`;
|
||||
}
|
||||
@@ -114,7 +107,6 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
$('.joe_live__pagination').on('click', '.joe_live__pagination-item', function () {
|
||||
const page = $(this).attr('data-page');
|
||||
if (!page || queryData.isLoading) return;
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||
queryData.page = Number(page);
|
||||
renderLiveList();
|
||||
});
|
||||
|
||||
@@ -154,7 +154,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
let isSubmit = false;
|
||||
$('.joe_detail__article-protected').on('submit', function (e) {
|
||||
e.preventDefault();
|
||||
const url = $(this).attr('action');
|
||||
const url = $(this).attr('action') + '?time=' + +new Date();
|
||||
const protectPassword = $(this).find('input[type="password"]').val();
|
||||
if (protectPassword.trim() === '') return Qmsg.info('请输入访问密码！');
|
||||
if (isSubmit) return;
|
||||
|
||||
@@ -1,11 +1,13 @@
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const p = new URLSearchParams(window.location.search);
|
||||
const vod_id = p.get('vod_id');
|
||||
|
||||
if (vod_id) {
|
||||
initVideoDetail();
|
||||
} else {
|
||||
initVideoList();
|
||||
}
|
||||
|
||||
function initVideoList() {
|
||||
let queryData = { pg: '', t: '', wd: '' };
|
||||
let pagecount = '';
|
||||
@@ -26,7 +28,6 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
$('.joe_video__type-list').on('click', '.item', function () {
|
||||
const t = $(this).attr('data-t');
|
||||
if (isLoading) return;
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
queryData.pg = 1;
|
||||
queryData.t = t;
|
||||
@@ -35,6 +36,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
renderDom();
|
||||
});
|
||||
function renderDom() {
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||
$('.joe_video__list-item').css('display', '').html('');
|
||||
isLoading = true;
|
||||
$.ajax({
|
||||
@@ -73,9 +75,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
htmlStr += `
|
||||
<li class="joe_video__pagination-item" data-pg="1">首页</li>
|
||||
<li class="joe_video__pagination-item" data-pg="${queryData.pg - 1}">
|
||||
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
|
||||
<path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z" fill="" p-id="9417"></path><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312 0.512zM181.248 877.056c0-3.584 0-7.68 0.512-11.264h-0.512V151.552h0.512c-0.512-3.584-0.512-7.168-0.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-0.512 11.264h0.512V865.792h-0.512c0.512 3.584 0.512 7.168 0.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"></path>
|
||||
</svg>
|
||||
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z"/><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312.512zm-564.224-63.488c0-3.584 0-7.68.512-11.264h-.512v-714.24h.512c-.512-3.584-.512-7.168-.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-.512 11.264h.512v714.24h-.512c.512 3.584.512 7.168.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"/></svg>
|
||||
</li>
|
||||
<li class="joe_video__pagination-item" data-pg="${queryData.pg - 1}">${queryData.pg - 1}</li>
|
||||
`;
|
||||
@@ -85,9 +85,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
htmlStr += `
|
||||
<li class="joe_video__pagination-item" data-pg="${queryData.pg + 1}">${queryData.pg + 1}</li>
|
||||
<li class="joe_video__pagination-item" data-pg="${queryData.pg + 1}">
|
||||
<svg class="next" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
|
||||
<path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z" fill="" p-id="9417"></path><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312 0.512zM181.248 877.056c0-3.584 0-7.68 0.512-11.264h-0.512V151.552h0.512c-0.512-3.584-0.512-7.168-0.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-0.512 11.264h0.512V865.792h-0.512c0.512 3.584 0.512 7.168 0.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"></path>
|
||||
</svg>
|
||||
<svg class="next" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z"/><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312.512zm-564.224-63.488c0-3.584 0-7.68.512-11.264h-.512v-714.24h.512c-.512-3.584-.512-7.168-.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-.512 11.264h.512v714.24h-.512c.512 3.584.512 7.168.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"/></svg>
|
||||
</li>
|
||||
`;
|
||||
}
|
||||
@@ -97,7 +95,6 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
$('.joe_video__pagination').on('click', '.joe_video__pagination-item', function () {
|
||||
const pg = $(this).attr('data-pg');
|
||||
if (!pg || isLoading) return;
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||
queryData.pg = Number(pg);
|
||||
renderDom();
|
||||
});
|
||||
@@ -135,10 +132,10 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
</div>
|
||||
<dl class="description">
|
||||
<dt>${item.vod_name + (item.vod_remarks ? ' - ' + item.vod_remarks : '')}</dt>
|
||||
<dd><span class="muted">类型：</span><p class="text">${item.vod_class || '未知'}</p></dd>
|
||||
<dd><span class="muted">主演：</span><p class="text">${item.vod_actor || '未知'}</p></dd>
|
||||
<dd><span class="muted">导演：</span><p class="text">${item.vod_director || '未知'}</p></dd>
|
||||
<dd><span class="muted">简介：</span><p class="text">${getContent(item)}</p></dd>
|
||||
<dd><span class="muted">类型：</span><span class="text">${item.vod_class || '未知'}</span></dd>
|
||||
<dd><span class="muted">主演：</span><span class="text">${item.vod_actor || '未知'}</span></dd>
|
||||
<dd><span class="muted">导演：</span><span class="text">${item.vod_director || '未知'}</span></dd>
|
||||
<dd><span class="muted">简介：</span><span class="text">${getContent(item)}</span></dd>
|
||||
</dl>
|
||||
`);
|
||||
/* 设置视频播放标题 */
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
let isLoading = false;
|
||||
let queryData = { cid: -999, start: -999, count: 30 };
|
||||
let queryData = { cid: -999, start: -999, count: 48 };
|
||||
let total = -999;
|
||||
$.ajax({
|
||||
url: Joe.BASE_API,
|
||||
@@ -18,13 +18,13 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
$('.joe_wallpaper__type-list').on('click', '.item', function () {
|
||||
const cid = $(this).attr('data-cid');
|
||||
if (isLoading) return;
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
queryData.cid = cid;
|
||||
queryData.start = 0;
|
||||
renderDom();
|
||||
});
|
||||
function renderDom() {
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||
$('.joe_wallpaper__list').html('');
|
||||
isLoading = true;
|
||||
$.ajax({
|
||||
@@ -37,7 +37,8 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
count: queryData.count
|
||||
},
|
||||
success(res) {
|
||||
if (res.code !== 1) return;
|
||||
if (res.code !== 1) return (isLoading = false);
|
||||
isLoading = false;
|
||||
let htmlStr = '';
|
||||
res.data.forEach(_ => {
|
||||
htmlStr += `
|
||||
@@ -48,8 +49,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
$('.joe_wallpaper__list').html(htmlStr);
|
||||
total = res.total;
|
||||
initPagination();
|
||||
},
|
||||
complete: () => (isLoading = false)
|
||||
}
|
||||
});
|
||||
}
|
||||
function initPagination() {
|
||||
@@ -58,9 +58,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
htmlStr += `
|
||||
<li class="joe_wallpaper__pagination-item" data-start="0">首页</li>
|
||||
<li class="joe_wallpaper__pagination-item" data-start="${queryData.start - queryData.count}">
|
||||
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
|
||||
<path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z" fill="" p-id="9417"></path><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312 0.512zM181.248 877.056c0-3.584 0-7.68 0.512-11.264h-0.512V151.552h0.512c-0.512-3.584-0.512-7.168-0.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-0.512 11.264h0.512V865.792h-0.512c0.512 3.584 0.512 7.168 0.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"></path>
|
||||
</svg>
|
||||
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z"/><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312.512zm-564.224-63.488c0-3.584 0-7.68.512-11.264h-.512v-714.24h.512c-.512-3.584-.512-7.168-.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-.512 11.264h.512v714.24h-.512c.512 3.584.512 7.168.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"/></svg>
|
||||
</li>
|
||||
<li class="joe_wallpaper__pagination-item" data-start="${queryData.start - queryData.count}">${Math.ceil(queryData.start / queryData.count)}</li>
|
||||
`;
|
||||
@@ -70,9 +68,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
htmlStr += `
|
||||
<li class="joe_wallpaper__pagination-item" data-start="${queryData.start + queryData.count}">${Math.ceil(queryData.start / queryData.count) + 2}</li>
|
||||
<li class="joe_wallpaper__pagination-item" data-start="${queryData.start + queryData.count}">
|
||||
<svg class="next" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
|
||||
<path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z" fill="" p-id="9417"></path><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312 0.512zM181.248 877.056c0-3.584 0-7.68 0.512-11.264h-0.512V151.552h0.512c-0.512-3.584-0.512-7.168-0.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-0.512 11.264h0.512V865.792h-0.512c0.512 3.584 0.512 7.168 0.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"></path>
|
||||
</svg>
|
||||
<svg class="next" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z"/><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312.512zm-564.224-63.488c0-3.584 0-7.68.512-11.264h-.512v-714.24h.512c-.512-3.584-.512-7.168-.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-.512 11.264h.512v714.24h-.512c.512 3.584.512 7.168.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"/></svg>
|
||||
</li>
|
||||
`;
|
||||
}
|
||||
@@ -82,7 +78,6 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
$('.joe_wallpaper__pagination').on('click', '.joe_wallpaper__pagination-item', function () {
|
||||
const start = $(this).attr('data-start');
|
||||
if (!start || isLoading) return;
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||
queryData.start = Number(start);
|
||||
renderDom();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user