更新
This commit is contained in:
parent
32a5e981b3
commit
8ea1bd4df2
File diff suppressed because one or more lines are too long
@ -2044,6 +2044,85 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
&-video {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
.play,
|
||||||
|
.episodes {
|
||||||
|
position: relative;
|
||||||
|
background: var(--classD);
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.box {
|
||||||
|
border-top: 1px solid var(--classB);
|
||||||
|
padding-top: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.play {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
.box {
|
||||||
|
iframe {
|
||||||
|
background: #000;
|
||||||
|
width: 100%;
|
||||||
|
height: 520px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.episodes {
|
||||||
|
.box {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(6, 1fr);
|
||||||
|
gap: 15px;
|
||||||
|
.item {
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
border-radius: 15px;
|
||||||
|
background: var(--background);
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&__agree {
|
&__agree {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
File diff suppressed because one or more lines are too long
@ -77,6 +77,12 @@ html {
|
|||||||
.joe_video__list-item .item .thumb {
|
.joe_video__list-item .item .thumb {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
}
|
}
|
||||||
|
.joe_detail__article-video .play .box iframe {
|
||||||
|
height: 420px;
|
||||||
|
}
|
||||||
|
.joe_detail__article-video .episodes .box {
|
||||||
|
grid-template-columns: repeat(5, 1fr);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 992px) {
|
@media (max-width: 992px) {
|
||||||
.joe_aside {
|
.joe_aside {
|
||||||
@ -115,6 +121,12 @@ html {
|
|||||||
.joe_header__above-searchicon {
|
.joe_header__above-searchicon {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
.joe_detail__article-video .play .box iframe {
|
||||||
|
height: 420px;
|
||||||
|
}
|
||||||
|
.joe_detail__article-video .episodes .box {
|
||||||
|
grid-template-columns: repeat(5, 1fr);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.joe_header {
|
.joe_header {
|
||||||
@ -270,7 +282,7 @@ html {
|
|||||||
}
|
}
|
||||||
&__loading {
|
&__loading {
|
||||||
.item {
|
.item {
|
||||||
.thumbnail{
|
.thumbnail {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
min-width: 120px;
|
min-width: 120px;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
@ -369,6 +381,20 @@ html {
|
|||||||
pre[class*='language-'] {
|
pre[class*='language-'] {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
&-video {
|
||||||
|
.play {
|
||||||
|
.box {
|
||||||
|
iframe {
|
||||||
|
height: 220px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.episodes {
|
||||||
|
.box {
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.joe_comment {
|
.joe_comment {
|
||||||
@ -381,10 +407,10 @@ html {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
right: 15px;
|
right: 15px;
|
||||||
.item:first-child{
|
.item:first-child {
|
||||||
border-bottom-left-radius: var(--radius-inner);
|
border-bottom-left-radius: var(--radius-inner);
|
||||||
}
|
}
|
||||||
.item:last-child{
|
.item:last-child {
|
||||||
border-bottom-right-radius: var(--radius-inner);
|
border-bottom-right-radius: var(--radius-inner);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -473,6 +499,12 @@ html .noaside {
|
|||||||
.joe_index__hot-list .item .link .inner .image {
|
.joe_index__hot-list .item .link .inner .image {
|
||||||
height: 140px;
|
height: 140px;
|
||||||
}
|
}
|
||||||
|
.joe_detail__article-video .play .box iframe {
|
||||||
|
height: 600px;
|
||||||
|
}
|
||||||
|
.joe_detail__article-video .episodes .box {
|
||||||
|
grid-template-columns: repeat(8, 1fr);
|
||||||
|
}
|
||||||
@media (max-width: 1400px) {
|
@media (max-width: 1400px) {
|
||||||
.joe_video__list-item {
|
.joe_video__list-item {
|
||||||
grid-template-columns: repeat(6, 1fr);
|
grid-template-columns: repeat(6, 1fr);
|
||||||
@ -483,6 +515,12 @@ html .noaside {
|
|||||||
.joe_list__item.single .thumbnail {
|
.joe_list__item.single .thumbnail {
|
||||||
height: 270px;
|
height: 270px;
|
||||||
}
|
}
|
||||||
|
.joe_detail__article-video .play .box iframe {
|
||||||
|
height: 550px;
|
||||||
|
}
|
||||||
|
.joe_detail__article-video .episodes .box {
|
||||||
|
grid-template-columns: repeat(7, 1fr);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 1200px) {
|
@media (max-width: 1200px) {
|
||||||
.joe_wallpaper__list {
|
.joe_wallpaper__list {
|
||||||
@ -506,6 +544,12 @@ html .noaside {
|
|||||||
.joe_index__banner-recommend .item {
|
.joe_index__banner-recommend .item {
|
||||||
height: 180px;
|
height: 180px;
|
||||||
}
|
}
|
||||||
|
.joe_detail__article-video .play .box iframe {
|
||||||
|
height: 500px;
|
||||||
|
}
|
||||||
|
.joe_detail__article-video .episodes .box {
|
||||||
|
grid-template-columns: repeat(6, 1fr);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 992px) {
|
@media (max-width: 992px) {
|
||||||
.joe_wallpaper__list {
|
.joe_wallpaper__list {
|
||||||
@ -538,6 +582,12 @@ html .noaside {
|
|||||||
.joe_list__item.multiple .thumbnail {
|
.joe_list__item.multiple .thumbnail {
|
||||||
grid-template-rows: 130px;
|
grid-template-rows: 130px;
|
||||||
}
|
}
|
||||||
|
.joe_detail__article-video .play .box iframe {
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
.joe_detail__article-video .episodes .box {
|
||||||
|
grid-template-columns: repeat(5, 1fr);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.joe_wallpaper {
|
.joe_wallpaper {
|
||||||
@ -549,6 +599,22 @@ html .noaside {
|
|||||||
&__friends {
|
&__friends {
|
||||||
grid-template-columns: repeat(1, 1fr);
|
grid-template-columns: repeat(1, 1fr);
|
||||||
}
|
}
|
||||||
|
&__article {
|
||||||
|
&-video {
|
||||||
|
.play {
|
||||||
|
.box {
|
||||||
|
iframe {
|
||||||
|
height: 220px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.episodes {
|
||||||
|
.box {
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.joe_video {
|
.joe_video {
|
||||||
&__list-item {
|
&__list-item {
|
||||||
|
File diff suppressed because one or more lines are too long
@ -326,7 +326,7 @@
|
|||||||
.item {
|
.item {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
border-radius: 14px;
|
border-radius: 15px;
|
||||||
background: var(--classD);
|
background: var(--classD);
|
||||||
color: var(--routine);
|
color: var(--routine);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -1,181 +1,197 @@
|
|||||||
document.addEventListener('DOMContentLoaded', () => {
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
/* 当前页的CID */
|
/* 当前页的CID */
|
||||||
const cid = $('.joe_detail').attr('data-cid');
|
const cid = $('.joe_detail').attr('data-cid')
|
||||||
|
|
||||||
/* 获取本篇文章百度收录情况 */
|
/* 获取本篇文章百度收录情况 */
|
||||||
{
|
{
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url: Joe.BASE_API,
|
url: Joe.BASE_API,
|
||||||
type: 'POST',
|
type: 'POST',
|
||||||
data: { routeType: 'baidu_record', site: window.location.href },
|
data: { routeType: 'baidu_record', site: window.location.href },
|
||||||
success(res) {
|
success(res) {
|
||||||
if (res.data && res.data === '已收录') {
|
if (res.data && res.data === '已收录') {
|
||||||
$('#Joe_Baidu_Record').css('color', '#67C23A');
|
$('#Joe_Baidu_Record').css('color', '#67C23A')
|
||||||
$('#Joe_Baidu_Record').html('已收录');
|
$('#Joe_Baidu_Record').html('已收录')
|
||||||
} else {
|
} else {
|
||||||
/* 如果填写了Token,则自动推送给百度 */
|
/* 如果填写了Token,则自动推送给百度 */
|
||||||
if (Joe.BAIDU_PUSH) {
|
if (Joe.BAIDU_PUSH) {
|
||||||
$('#Joe_Baidu_Record').html('<span style="color: #E6A23C">未收录,推送中...</span>');
|
$('#Joe_Baidu_Record').html('<span style="color: #E6A23C">未收录,推送中...</span>')
|
||||||
const _timer = setTimeout(function () {
|
const _timer = setTimeout(function () {
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url: Joe.BASE_API,
|
url: Joe.BASE_API,
|
||||||
type: 'POST',
|
type: 'POST',
|
||||||
data: {
|
data: {
|
||||||
routeType: 'baidu_push',
|
routeType: 'baidu_push',
|
||||||
domain: encodeURI(window.location.hostname),
|
domain: encodeURI(window.location.hostname),
|
||||||
url: encodeURI(window.location.href)
|
url: encodeURI(window.location.href)
|
||||||
},
|
},
|
||||||
success(res) {
|
success(res) {
|
||||||
if (res.error) {
|
if (res.error) {
|
||||||
$('#Joe_Baidu_Record').html('<span style="color: #F56C6C">推送失败,请检查!</span>');
|
$('#Joe_Baidu_Record').html('<span style="color: #F56C6C">推送失败,请检查!</span>')
|
||||||
} else {
|
} else {
|
||||||
$('#Joe_Baidu_Record').html('<span style="color: #67C23A">推送成功!</span>');
|
$('#Joe_Baidu_Record').html('<span style="color: #67C23A">推送成功!</span>')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
clearTimeout(_timer);
|
clearTimeout(_timer)
|
||||||
}, 1000);
|
}, 1000)
|
||||||
} else {
|
} else {
|
||||||
const url = `https://ziyuan.baidu.com/linksubmit/url?sitename=${encodeURI(window.location.href)}`;
|
const url = `https://ziyuan.baidu.com/linksubmit/url?sitename=${encodeURI(window.location.href)}`
|
||||||
$('#Joe_Baidu_Record').html(`<a target="_blank" href="${url}" rel="noopener noreferrer nofollow" style="color: #F56C6C">未收录,提交收录</a>`);
|
$('#Joe_Baidu_Record').html(`<a target="_blank" href="${url}" rel="noopener noreferrer nofollow" style="color: #F56C6C">未收录,提交收录</a>`)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 激活代码高亮 */
|
/* 激活代码高亮 */
|
||||||
{
|
{
|
||||||
Prism.highlightAll();
|
Prism.highlightAll()
|
||||||
$("pre[class*='language-']").each(function (index, item) {
|
$("pre[class*='language-']").each(function (index, item) {
|
||||||
let text = $(item).find("code[class*='language-']").text();
|
let text = $(item).find("code[class*='language-']").text()
|
||||||
let span = $(`<span class="copy"><i class="fa fa-clone"></i></span>`);
|
let span = $(`<span class="copy"><i class="fa fa-clone"></i></span>`)
|
||||||
new ClipboardJS(span[0], { text: () => text }).on('success', () => Qmsg.success('复制成功!'));
|
new ClipboardJS(span[0], { text: () => text }).on('success', () => Qmsg.success('复制成功!'))
|
||||||
$(item).append(span);
|
$(item).append(span)
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 激活复制功能 */
|
/* 激活复制功能 */
|
||||||
{
|
{
|
||||||
new ClipboardJS('.joe_detail__article-copy').on('success', () => Qmsg.success('复制成功!'));
|
new ClipboardJS('.joe_detail__article-copy').on('success', () => Qmsg.success('复制成功!'))
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 激活图片预览功能 */
|
/* 激活图片预览功能 */
|
||||||
{
|
{
|
||||||
$('.joe_detail__article img:not(img.owo_image)').each(function () {
|
$('.joe_detail__article img:not(img.owo_image)').each(function () {
|
||||||
$(this).wrap($(`<span data-fancybox="Joe" href="${$(this).attr('src')}"></span>`));
|
$(this).wrap($(`<span data-fancybox="Joe" href="${$(this).attr('src')}"></span>`))
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 设置文章内的链接为新窗口打开 */
|
/* 设置文章内的链接为新窗口打开 */
|
||||||
{
|
{
|
||||||
$('.joe_detail__article a:not(.joe_detail__article-anote)').each(function () {
|
$('.joe_detail__article a:not(.joe_detail__article-anote)').each(function () {
|
||||||
$(this).attr({ target: '_blank', rel: 'noopener noreferrer nofollow' });
|
$(this).attr({ target: '_blank', rel: 'noopener noreferrer nofollow' })
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 激活浏览功能 */
|
/* 激活浏览功能 */
|
||||||
{
|
{
|
||||||
let viewsArr = localStorage.getItem(Joe.encryption('views')) ? JSON.parse(Joe.decrypt(localStorage.getItem(Joe.encryption('views')))) : [];
|
let viewsArr = localStorage.getItem(Joe.encryption('views')) ? JSON.parse(Joe.decrypt(localStorage.getItem(Joe.encryption('views')))) : []
|
||||||
const flag = viewsArr.includes(cid);
|
const flag = viewsArr.includes(cid)
|
||||||
if (!flag) {
|
if (!flag) {
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url: Joe.BASE_API,
|
url: Joe.BASE_API,
|
||||||
type: 'POST',
|
type: 'POST',
|
||||||
data: { routeType: 'handle_views', cid },
|
data: { routeType: 'handle_views', cid },
|
||||||
success(res) {
|
success(res) {
|
||||||
if (res.code !== 1) return;
|
if (res.code !== 1) return
|
||||||
$('#Joe_Article_Views').html(`${res.data.views} 阅读`);
|
$('#Joe_Article_Views').html(`${res.data.views} 阅读`)
|
||||||
viewsArr.push(cid);
|
viewsArr.push(cid)
|
||||||
const name = Joe.encryption('views');
|
const name = Joe.encryption('views')
|
||||||
const val = Joe.encryption(JSON.stringify(viewsArr));
|
const val = Joe.encryption(JSON.stringify(viewsArr))
|
||||||
localStorage.setItem(name, val);
|
localStorage.setItem(name, val)
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 激活文章点赞功能 */
|
/* 激活文章点赞功能 */
|
||||||
{
|
{
|
||||||
let agreeArr = localStorage.getItem(Joe.encryption('agree')) ? JSON.parse(Joe.decrypt(localStorage.getItem(Joe.encryption('agree')))) : [];
|
let agreeArr = localStorage.getItem(Joe.encryption('agree')) ? JSON.parse(Joe.decrypt(localStorage.getItem(Joe.encryption('agree')))) : []
|
||||||
if (agreeArr.includes(cid)) $('.joe_detail__agree .icon-1').addClass('active');
|
if (agreeArr.includes(cid)) $('.joe_detail__agree .icon-1').addClass('active')
|
||||||
else $('.joe_detail__agree .icon-2').addClass('active');
|
else $('.joe_detail__agree .icon-2').addClass('active')
|
||||||
let _loading = false;
|
let _loading = false
|
||||||
$('.joe_detail__agree .icon').on('click', function () {
|
$('.joe_detail__agree .icon').on('click', function () {
|
||||||
if (_loading) return;
|
if (_loading) return
|
||||||
_loading = true;
|
_loading = true
|
||||||
agreeArr = localStorage.getItem(Joe.encryption('agree')) ? JSON.parse(Joe.decrypt(localStorage.getItem(Joe.encryption('agree')))) : [];
|
agreeArr = localStorage.getItem(Joe.encryption('agree')) ? JSON.parse(Joe.decrypt(localStorage.getItem(Joe.encryption('agree')))) : []
|
||||||
let flag = agreeArr.includes(cid);
|
let flag = agreeArr.includes(cid)
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url: Joe.BASE_API,
|
url: Joe.BASE_API,
|
||||||
type: 'POST',
|
type: 'POST',
|
||||||
data: { routeType: 'handle_agree', cid, type: flag ? 'disagree' : 'agree' },
|
data: { routeType: 'handle_agree', cid, type: flag ? 'disagree' : 'agree' },
|
||||||
success(res) {
|
success(res) {
|
||||||
if (res.code !== 1) return;
|
if (res.code !== 1) return
|
||||||
$('.joe_detail__agree .text').html(res.data.agree);
|
$('.joe_detail__agree .text').html(res.data.agree)
|
||||||
if (flag) {
|
if (flag) {
|
||||||
const index = agreeArr.findIndex(_ => _ === cid);
|
const index = agreeArr.findIndex(_ => _ === cid)
|
||||||
agreeArr.splice(index, 1);
|
agreeArr.splice(index, 1)
|
||||||
$('.joe_detail__agree .icon-1').removeClass('active');
|
$('.joe_detail__agree .icon-1').removeClass('active')
|
||||||
$('.joe_detail__agree .icon-2').addClass('active');
|
$('.joe_detail__agree .icon-2').addClass('active')
|
||||||
$('.joe_detail__agree .icon').removeClass('active');
|
$('.joe_detail__agree .icon').removeClass('active')
|
||||||
} else {
|
} else {
|
||||||
agreeArr.push(cid);
|
agreeArr.push(cid)
|
||||||
$('.joe_detail__agree .icon-2').removeClass('active');
|
$('.joe_detail__agree .icon-2').removeClass('active')
|
||||||
$('.joe_detail__agree .icon-1').addClass('active');
|
$('.joe_detail__agree .icon-1').addClass('active')
|
||||||
$('.joe_detail__agree .icon').addClass('active');
|
$('.joe_detail__agree .icon').addClass('active')
|
||||||
}
|
}
|
||||||
const name = Joe.encryption('agree');
|
const name = Joe.encryption('agree')
|
||||||
const val = Joe.encryption(JSON.stringify(agreeArr));
|
const val = Joe.encryption(JSON.stringify(agreeArr))
|
||||||
localStorage.setItem(name, val);
|
localStorage.setItem(name, val)
|
||||||
},
|
},
|
||||||
complete() {
|
complete() {
|
||||||
_loading = false;
|
_loading = false
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 格式化分页的hash值 */
|
/* 格式化分页的hash值 */
|
||||||
{
|
{
|
||||||
$('.joe_comment .joe_pagination a').each((index, item) => {
|
$('.joe_comment .joe_pagination a').each((index, item) => {
|
||||||
const href = $(item).attr('href');
|
const href = $(item).attr('href')
|
||||||
if (href && href.includes('#')) {
|
if (href && href.includes('#')) {
|
||||||
$(item).attr('href', href.replace('#comments', '?scroll=joe_comment'));
|
$(item).attr('href', href.replace('#comments', '?scroll=joe_comment'))
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 密码保护文章,输入密码访问 */
|
/* 密码保护文章,输入密码访问 */
|
||||||
{
|
{
|
||||||
$('.joe_detail__article-protected').on('submit', function (e) {});
|
$('.joe_detail__article-protected').on('submit', function (e) {})
|
||||||
}
|
}
|
||||||
});
|
|
||||||
|
/* 激活文章视频模块 */
|
||||||
|
{
|
||||||
|
if ($('.joe_detail__article-video').length > 0) {
|
||||||
|
const player = $('.joe_detail__article-video .play iframe').attr('data-player')
|
||||||
|
$('.joe_detail__article-video .episodes .item').on('click', function () {
|
||||||
|
$(this).addClass('active').siblings().removeClass('active')
|
||||||
|
const url = $(this).attr('data-src')
|
||||||
|
$('.joe_detail__article-video .play iframe').attr({ src: player + url })
|
||||||
|
$('.joe_detail__article-video .play .title').html('正在播放:' + $(this).html())
|
||||||
|
const offset = $('.joe_detail__article-video .play').offset().top - $('.joe_header').height() - 15
|
||||||
|
window.scrollTo({ top: offset, behavior: 'smooth' })
|
||||||
|
})
|
||||||
|
$('.joe_detail__article-video .episodes .item').first().click()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
/* 写在load事件里,为了解决图片未加载完成,滚动距离获取会不准确的问题 */
|
/* 写在load事件里,为了解决图片未加载完成,滚动距离获取会不准确的问题 */
|
||||||
window.addEventListener('load', function () {
|
window.addEventListener('load', function () {
|
||||||
/* 激活点击回复可见的回复按钮,页面滚动到评论区 */
|
/* 激活点击回复可见的回复按钮,页面滚动到评论区 */
|
||||||
{
|
{
|
||||||
$('.joe_detail__article-hide i').on('click', function () {
|
$('.joe_detail__article-hide i').on('click', function () {
|
||||||
const top = $('.joe_comment').offset().top - $('.joe_header').height() - 15;
|
const top = $('.joe_comment').offset().top - $('.joe_header').height() - 15
|
||||||
window.scrollTo({ top, behavior: 'smooth' });
|
window.scrollTo({ top, behavior: 'smooth' })
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
/* 判断地址栏是否有锚点链接,有则跳转到对应位置 */
|
/* 判断地址栏是否有锚点链接,有则跳转到对应位置 */
|
||||||
{
|
{
|
||||||
const scroll = new URLSearchParams(location.search).get('scroll');
|
const scroll = new URLSearchParams(location.search).get('scroll')
|
||||||
if (scroll) {
|
if (scroll) {
|
||||||
const height = $('.joe_header').height();
|
const height = $('.joe_header').height()
|
||||||
let elementEL = null;
|
let elementEL = null
|
||||||
if ($('#' + scroll).length > 0) {
|
if ($('#' + scroll).length > 0) {
|
||||||
elementEL = $('#' + scroll);
|
elementEL = $('#' + scroll)
|
||||||
} else {
|
} else {
|
||||||
elementEL = $('.' + scroll);
|
elementEL = $('.' + scroll)
|
||||||
}
|
}
|
||||||
if (elementEL && elementEL.length > 0) {
|
if (elementEL && elementEL.length > 0) {
|
||||||
const top = elementEL.offset().top - height - 15;
|
const top = elementEL.offset().top - height - 15
|
||||||
window.scrollTo({ top, behavior: 'smooth' });
|
window.scrollTo({ top, behavior: 'smooth' })
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
|
@ -148,4 +148,18 @@ function themeFields($layout)
|
|||||||
注意:多个缩略图时换行填写,一行一个(仅在三图模式下生效)'
|
注意:多个缩略图时换行填写,一行一个(仅在三图模式下生效)'
|
||||||
);
|
);
|
||||||
$layout->addItem($thumb);
|
$layout->addItem($thumb);
|
||||||
|
|
||||||
|
$video = new Typecho_Widget_Helper_Form_Element_Textarea(
|
||||||
|
'video',
|
||||||
|
NULL,
|
||||||
|
NULL,
|
||||||
|
'M3U8或MP4地址(非必填)',
|
||||||
|
'填写后,文章会插入一个视频模板 <br>
|
||||||
|
格式:视频名称&视频地址。如果有多个,换行写即可 <br>
|
||||||
|
例如:<br>
|
||||||
|
第01集$https://iqiyi.cdn9-okzy.com/20201104/17638_8f3022ce/index.m3u8 <br>
|
||||||
|
第02集$https://iqiyi.cdn9-okzy.com/20201104/17639_5dcb8a3b/index.m3u8
|
||||||
|
'
|
||||||
|
);
|
||||||
|
$layout->addItem($video);
|
||||||
}
|
}
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
/* 获取主题当前版本号 */
|
/* 获取主题当前版本号 */
|
||||||
function _getVersion()
|
function _getVersion()
|
||||||
{
|
{
|
||||||
return "5.1.2";
|
return "5.1.3";
|
||||||
};
|
};
|
||||||
|
|
||||||
/* 判断是否是手机 */
|
/* 判断是否是手机 */
|
||||||
|
2
page.php
2
page.php
@ -8,7 +8,7 @@
|
|||||||
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.post.css'); ?>">
|
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.post.css'); ?>">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/plugin/prism/prism.js"></script>
|
<script src="https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/plugin/prism/prism.js"></script>
|
||||||
<script src="<?php $this->options->themeUrl('assets/js/joe.post&page.js'); ?>"></script>
|
<script src="<?php $this->options->themeUrl('assets/js/joe.post&page.js?v=545'); ?>"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
2
post.php
2
post.php
@ -8,7 +8,7 @@
|
|||||||
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.post.css'); ?>">
|
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.post.css'); ?>">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/plugin/prism/prism.js"></script>
|
<script src="https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/plugin/prism/prism.js"></script>
|
||||||
<script src="<?php $this->options->themeUrl('assets/js/joe.post&page.js'); ?>"></script>
|
<script src="<?php $this->options->themeUrl('assets/js/joe.post&page.js?v=545'); ?>"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -37,7 +37,29 @@
|
|||||||
<time class="joe_detail__count-created" datetime="<?php $this->date('m/d'); ?>"><?php $this->date('m/d'); ?></time>
|
<time class="joe_detail__count-created" datetime="<?php $this->date('m/d'); ?>"><?php $this->date('m/d'); ?></time>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="joe_detail__article">
|
<div class="joe_detail__article">
|
||||||
|
<?php if (!$this->hidden && $this->fields->video) : ?>
|
||||||
|
<div class="joe_detail__article-video">
|
||||||
|
<div class="play">
|
||||||
|
<div class="title">正在播放:</div>
|
||||||
|
<div class="box">
|
||||||
|
<iframe allowfullscreen="true" data-player="<?php echo $this->options->JCustomPlayer ? $this->options->JCustomPlayer : '/usr/themes/Joe/library/player.php?url=' ?>"></iframe>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="episodes">
|
||||||
|
<div class="title">剧集列表</div>
|
||||||
|
<?php $video_arr = explode("\r\n", $this->fields->video); ?>
|
||||||
|
<div class="box">
|
||||||
|
<?php foreach ($video_arr as $item) : ?>
|
||||||
|
<div class="item" data-src="<?php echo explode("$", $item)[1] ?>"><?php echo explode("$", $item)[0] ?></div>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endif ?>
|
||||||
|
|
||||||
<?php if ($this->is('post')) : ?>
|
<?php if ($this->is('post')) : ?>
|
||||||
<?php if ($this->hidden) : ?>
|
<?php if ($this->hidden) : ?>
|
||||||
<form class="joe_detail__article-protected" action="<?php echo Typecho_Widget::widget('Widget_Security')->getTokenUrl($this->permalink); ?>">
|
<form class="joe_detail__article-protected" action="<?php echo Typecho_Widget::widget('Widget_Security')->getTokenUrl($this->permalink); ?>">
|
||||||
|
@ -66,8 +66,8 @@
|
|||||||
<!-- 全局公用CSS(静态资源放在了CDN上,如果你的服务器带宽不够,请不要修改成本地,cdn采用jsdelivr放心不会失效) -->
|
<!-- 全局公用CSS(静态资源放在了CDN上,如果你的服务器带宽不够,请不要修改成本地,cdn采用jsdelivr放心不会失效) -->
|
||||||
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.mode.css'); ?>">
|
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.mode.css'); ?>">
|
||||||
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.normalize.css'); ?>">
|
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.normalize.css'); ?>">
|
||||||
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.global.css?v=218'); ?>">
|
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.global.css?v=545'); ?>">
|
||||||
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.responsive.css?v=299'); ?>">
|
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.responsive.css?v=545'); ?>">
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/plugin/qmsg/qmsg.css" />
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/plugin/qmsg/qmsg.css" />
|
||||||
<link rel="stylesheet" href="https://apip.weatherdt.com/standard/static/css/weather-standard.css">
|
<link rel="stylesheet" href="https://apip.weatherdt.com/standard/static/css/weather-standard.css">
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
|
||||||
|
@ -1 +1 @@
|
|||||||
table.typecho-list-table textarea[name='fields[thumb]'],table.typecho-list-table textarea[name='fields[abstract]'],table.typecho-list-table textarea[name='fields[description]']{width:100%;height:80px}table.typecho-list-table input[name='fields[keywords]']{width:100%}#wmd-button-row{height:auto}#wmd-button-row .wmd-button .icon{width:20px;height:20px;vertical-align:middle;fill:#9b9b9b}
|
table.typecho-list-table textarea[name='fields[thumb]'],table.typecho-list-table textarea[name='fields[abstract]'],table.typecho-list-table textarea[name='fields[description]'],table.typecho-list-table textarea[name='fields[video]']{width:100%;height:80px}table.typecho-list-table input[name='fields[keywords]']{width:100%}#wmd-button-row{height:auto}#wmd-button-row .wmd-button .icon{width:20px;height:20px;vertical-align:middle;fill:#9b9b9b}
|
||||||
|
@ -1,7 +1,8 @@
|
|||||||
table.typecho-list-table {
|
table.typecho-list-table {
|
||||||
textarea[name='fields[thumb]'],
|
textarea[name='fields[thumb]'],
|
||||||
textarea[name='fields[abstract]'],
|
textarea[name='fields[abstract]'],
|
||||||
textarea[name='fields[description]'] {
|
textarea[name='fields[description]'],
|
||||||
|
textarea[name='fields[video]'] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user