anian/halo-theme-pix
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增朋友圈作者筛选；新增前台登入登出；深度优化

Browse Source
This commit is contained in:
anian
2026-03-15 18:05:44 +08:00
parent b387ea885c
commit e716097e07
19 changed files with 2632 additions and 1633 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/assets/css/anian.css
+302 -12
View File
@@ -1,36 +1,326 @@
/* 瞬间标签与评论间距 */
.moment_tag_gap {
margin-right: 10px;
margin-right: 10px;
}
/* 灯箱视频格式 */
.fancybox-slide--video .fancybox-content {
width: auto !important;
height: auto !important;
background: transparent;
width: auto !important;
height: auto !important;
background: transparent;
}
.fancybox-slide--video video.fancybox-video {
width: auto !important;
height: auto !important;
max-height: 75dvh !important;
max-width: 75dvw !important;
object-fit: contain;
width: auto !important;
height: auto !important;
max-height: 75dvh !important;
max-width: 75dvw !important;
object-fit: contain;
}
/* 片刻视频容器鼠标样式 */
.fancybox.mo_img {
cursor: zoom-in;
}
/* 图库视频图标hover放大 */
.video-fancybox .play-icon {
transition: all 0.4s ease !important;
display: inline-flex;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
width: 40px;
height: 40px;
}
.video-fancybox:hover .play-icon {
transform: scale(1.3) !important;
opacity: 1;
}
/* 目录左边距：贴紧左侧边栏 */
.listree-box {
margin-left: 0;
}
@media (min-width: 960px) and (max-width: 1359.98px) {
.listree-box {
margin-left: calc((100vw - 860px) / 2 + 284px);
}
}
@media (min-width: 1360px) {
.listree-box {
margin-left: calc((100vw - 1400px) / 2 + 291px);
}
}
/* 登录容器 */
.custom-login-modal {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.55);
display: flex;
align-items: center;
justify-content: center;
z-index: 1999;
opacity: 0;
visibility: hidden;
transition: all .25s ease;
}
.custom-login-modal.show {
opacity: 1;
visibility: visible;
}
.login-modern-card {
width: 250px;
background: #ffffff;
padding: 30px 25px;
border-radius: 14px;
position: relative;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}
.login-modern-card::before {
position: absolute;
content: "";
width: 360px;
height: 360px;
background: #e6f9ee;
transform: rotate(45deg);
left: -230px;
bottom: 20px;
border-radius: 40px;
z-index: 0;
}
.login-modern-form {
display: flex;
flex-direction: column;
position: relative;
z-index: 2;
}
.login-modern-title {
text-align: center;
font-size: 1.3rem;
font-weight: 600;
color: #1f2937;
margin-bottom: 15px;
}
.login-modern-input-wrapper {
width: 100%;
position: relative;
display: flex;
align-items: center;
margin-bottom: 20px;
}
.login-modern-icon {
position: absolute;
left: 2px;
font-size: 18px;
color: #6b7280;
}
.custom-login-modal input.login-modern-input {
width: 100%;
height: 38px;
padding-left: 30px;
font-size: 0.9rem;
color: #1f2937;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
outline: none !important;
box-shadow: none !important;
border-bottom: 2px solid #cbd5e1 !important;
transition: border-color .2s;
}
.custom-login-modal input.login-modern-input::placeholder {
color: #94a3b8;
}
.custom-login-modal input.login-modern-input:focus {
border-bottom: 2px solid #22c55e !important;
}
.login-modern-submit {
width: 100%;
height: 35px;
border: none;
border-radius: 6px;
background: #22c55e;
color: white;
font-size: 0.9rem;
letter-spacing: .5px;
cursor: pointer;
transition: background .2s;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
}
.login-modern-submit:hover {
background: #16a34a;
}
.login-modern-submit:disabled {
background: #a7d7bd;
cursor: not-allowed;
color: #f0fdf4;
}
.login-modern-submit:disabled:hover {
background: #a7d7bd;
}
.close-modal-btn {
position: absolute;
right: 5px;
top: 5px;
border: none;
background: transparent;
font-size: 22px;
color: #9ca3af;
cursor: pointer;
z-index: 3;
}
/* 退出登录 */
.pixar-notice-wrapper {
display: none;
position: fixed;
inset: 0;
z-index: 1999;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.35);
font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
}
.pixar-notice-card {
--pixar-ui-blue: #5c99e2;
--pixar-ui-green: #61c470;
--pixar-ui-green-shadow: #45a253;
--pixar-ui-red: #e65e5e;
--pixar-ui-red-shadow: #c14242;
--pixar-ui-cream: #f5f1e8;
--pixar-ui-dark: #4d4c4a;
--pixar-ui-green-border: #2e7d32;
--pixar-ui-red-border: #8f2d2d;
--pixar-button-depth: 0.15em;
width: 19em;
max-width: 300px;
background: var(--pixar-ui-cream);
border-radius: 1.5em;
padding: 1.2em;
border: 0.2em solid var(--pixar-ui-dark);
box-shadow: 0.6em 0.6em 0 var(--pixar-ui-dark);
display: flex;
flex-direction: column;
transition: transform .2s cubic-bezier(.34, 1.56, .64, 1),
box-shadow .2s cubic-bezier(.34, 1.56, .64, 1);
}
.pixar-notice-card:hover {
transform: translateY(-.5em) rotate(-2deg);
box-shadow: .8em .8em 0 var(--pixar-ui-dark);
}
.pixar-notice-header {
display: flex;
align-items: center;
margin-bottom: 1em;
}
.pixar-notice-avatar {
width: 3.5em;
height: 3.5em;
border-radius: 50%;
background: linear-gradient(45deg, #f9a86d, #f48a58);
border: .2em solid var(--pixar-ui-dark);
box-shadow: .2em .2em 0 var(--pixar-ui-dark);
transition: transform .3s ease;
}
.pixar-notice-card:hover .pixar-notice-avatar {
transform: scale(1.05) rotate(5deg);
}
.pixar-notice-username {
margin-left: .8em;
font-size: 1.2em;
font-weight: 700;
color: var(--pixar-ui-dark);
}
.pixar-notice-image-area {
background: #d8d2c6;
border-radius: 1em;
padding: .8em;
border: .2em solid var(--pixar-ui-dark);
box-shadow: inset .2em .2em 0 #b3ac9f;
}
.pixar-notice-caption {
margin: 10px 5px !important;
font-size: .9em;
line-height: 1.4;
color: var(--pixar-ui-dark);
font-weight: 600;
}
.pixar-notice-actions {
display: flex;
justify-content: space-around;
margin-top: 1.5em;
}
.pixar-notice-btn {
border: .2em solid var(--pixar-ui-dark);
border-radius: 1em;
padding: .5em .8em;
font-size: 1.6em;
cursor: pointer;
background: var(--pixar-ui-green);
box-shadow:
0 var(--pixar-button-depth) 0 var(--pixar-ui-green-shadow),
0 .4em 0 var(--pixar-ui-dark);
transition: transform .1s ease,
box-shadow .1s ease;
}
.pixar-notice-btn:active {
transform: translateY(var(--pixar-button-depth));
box-shadow:
0 0 0 var(--pixar-ui-green-shadow),
0 var(--pixar-button-depth) 0 var(--pixar-ui-dark);
}
.pixar-notice-btn-close {
background: var(--pixar-ui-red);
box-shadow:
0 var(--pixar-button-depth) 0 var(--pixar-ui-red-shadow),
0 .4em 0 var(--pixar-ui-dark);
}
.pixar-notice-btn-close:active {
box-shadow:
0 0 0 var(--pixar-ui-red-shadow),
0 var(--pixar-button-depth) 0 var(--pixar-ui-dark);
}
.pixar-notice-btn-confirm:hover {
border-color: var(--pixar-ui-green-border) !important;
}
.pixar-notice-btn-close:hover {
border-color: var(--pixar-ui-red-border) !important;
}
templates/assets/css/main.css
+624 -429
View File
File diff suppressed because it is too large Load Diff
templates/assets/css/mobile.css
+133 -83
View File
@@ -3,61 +3,67 @@
* 合并了原 1440px 和 1920px 的通用样式，并应用了你指定的 mod_third 布局
*/
@media only screen and (min-width: 1366px) {
/* --- 你提供的统一布局样式 --- */
body.mod_third .main_wrap,
body.mod_third .go_top_box {
max-width: 1400px;
}
/* 导航和侧边栏宽度分配 */
body.mod_third .left_nav {
width: 21%;
}
body.mod_third .main_sidebar {
width: 21%;
}
body.mod_third .page_main {
width: 58%; /* 主内容区 */
}
/* --- 你提供的统一布局样式 --- */
body.mod_third .main_wrap,
body.mod_third .go_top_box {
max-width: 1400px;
}
/* 底部导航栏和背景音乐盒定位 */
body.mod_third .footer_nav {
max-width: 1108px;
}
body.mod_third .bgm_box {
margin-left: -75px;
}
/* 导航和侧边栏宽度分配 */
body.mod_third .left_nav {
width: 21%;
}
/* --- 桌面端通用的基础样式合并 (源自原1440/1920) --- */
.footer_top, .footer_text {
font-size: 12px;
}
body.mod_third .main_sidebar {
width: 21%;
}
.land_content {
max-width: 1080px;
height: 607px;
}
body.mod_third .page_main {
width: 58%;
/* 主内容区 */
}
.land_right {
padding: 40px;
padding-top: 60px;
}
/* 底部导航栏和背景音乐盒定位 */
body.mod_third .footer_nav {
max-width: 1108px;
}
.land_logo {
margin-bottom: 30px;
}
body.mod_third .bgm_box {
margin-left: -75px;
}
.land_right .title {
font-size: 32px;
}
/* --- 桌面端通用的基础样式合并 (源自原1440/1920) --- */
.footer_top,
.footer_text {
font-size: 12px;
}
.land_right .land_des {
font-size: 14px;
}
.land_content {
max-width: 1080px;
height: 607px;
}
.land_right .footer {
padding: 0 40px;
}
.land_right {
padding: 40px;
padding-top: 60px;
}
.land_logo {
margin-bottom: 30px;
}
.land_right .title {
font-size: 32px;
}
.land_right .land_des {
font-size: 14px;
}
.land_right .footer {
padding: 0 40px;
}
}
/**
@@ -91,11 +97,14 @@
padding: 0 40px;
}
.land_nav a span , .land_nav a i {
.land_nav a span,
.land_nav a i {
font-size: 14px;
}
body.mod_third .main_wrap , body.mod_third .go_top_box , body.mod_third .footer_nav {
body.mod_third .main_wrap,
body.mod_third .go_top_box,
body.mod_third .footer_nav {
max-width: 860px;
}
@@ -103,7 +112,7 @@
display: none;
}
body.mod_third #top_third{
body.mod_third #top_third {
display: flex;
}
@@ -118,7 +127,7 @@
body.mod_third .top_bar {
border-top-right-radius: 12px;
}
}
}
/**
* 平板端及以下 (<= 1200px)
@@ -201,17 +210,21 @@
margin: 0;
}
.land_right .beian , .land_right .copyright {
.land_right .beian,
.land_right .copyright {
color: #293563;
}
}
}
/**
* 小屏平板 (<= 960px)
* 保持原样
*/
@media only screen and (max-width:960px) {
.main_wrap , .top_bar , .footer_nav {
.main_wrap,
.top_bar,
.footer_nav {
max-width: 720px;
}
@@ -219,7 +232,8 @@
margin-top: 0;
}
.lbc .page_main , .lbc .footer_nav_box .right {
.lbc .page_main,
.lbc .footer_nav_box .right {
width: 100%;
}
@@ -237,7 +251,9 @@
display: none;
}
body.mod_third .main_wrap, body.mod_third .go_top_box, body.mod_third .footer_nav {
body.mod_third .main_wrap,
body.mod_third .go_top_box,
body.mod_third .footer_nav {
max-width: 720px;
}
@@ -249,7 +265,7 @@
display: none;
}
body.mod_third_s #top_third{
body.mod_third_s #top_third {
display: block;
}
@@ -260,17 +276,19 @@
.top_menu_box {
border-radius: 8px;
}
}
}
/**
* 手机端 (<= 540px)
* 保持原样
*/
@media only screen and (max-width:540px) {
body.mod_third_s #top_third,body.mod_third #top_third{
body.mod_third_s #top_third,
body.mod_third #top_third {
display: flex;
}
.top_right {
margin-right: 15px;
justify-content: flex-end;
@@ -282,11 +300,15 @@
height: 54px;
}
.moment_cat_nav, .posts_cat_nav, .photos_cat_nav {
.moment_cat_nav,
.posts_cat_nav,
.photos_cat_nav,
.friends_cat_nav {
padding: 15px;
}
#post_item,#photos_item {
#post_item,
#photos_item {
padding: 0 15px;
}
@@ -305,7 +327,8 @@
margin-right: 12px;
}
.normal_content .entry-content p, .normal_card_content .entry-content p {
.normal_content .entry-content p,
.normal_card_content .entry-content p {
display: none;
}
@@ -337,7 +360,9 @@
padding-bottom: 100px;
}
.single_wrap .comments-area, .page_content .comments-area , .single_content .comments-area {
.single_wrap .comments-area,
.page_content .comments-area,
.single_content .comments-area {
padding: 15px;
}
@@ -351,7 +376,8 @@
padding-left: 50px;
}
.comments-area ul.comment-list li .profile , .comments-area ul.comment-list li .profile a {
.comments-area ul.comment-list li .profile,
.comments-area ul.comment-list li .profile a {
width: 35px;
height: 35px;
}
@@ -360,12 +386,15 @@
width: calc(83px*3);
}
.t_media_item , a.up_img_btn{
.t_media_item,
a.up_img_btn {
width: 80px;
height: 80px;
}
.single_content, .page_content, .page_wrap {
.single_content,
.page_content,
.page_wrap {
padding: 0 15px;
padding-bottom: 100px;
}
@@ -378,7 +407,12 @@
bottom: 18%;
}
.blog_list_inner , .single_content, .page_content, .page_wrap , .normal_list_inner , .single_wrap {
.blog_list_inner,
.single_content,
.page_content,
.page_wrap,
.normal_list_inner,
.single_wrap {
border-radius: 12px;
position: relative;
z-index: 199;
@@ -388,13 +422,14 @@
.top_left {
margin-left: 8px;
}
.top_left .top_logo {
display: block;
margin-left: 0;
}
.top_bar , .dark .top_bar {
.top_bar,
.dark .top_bar {
height: 64px;
width: 100% !important;
border-radius: 0;
@@ -434,7 +469,8 @@
height: 240px;
}
.top_bar.uk-sticky-fixed.uk-active , .dark .top_bar.uk-sticky-fixed.uk-active {
.top_bar.uk-sticky-fixed.uk-active,
.dark .top_bar.uk-sticky-fixed.uk-active {
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
@@ -452,7 +488,11 @@
background: rgb(27 29 48 / 80%);
}
.top_tool i , .dark .top_tool i , .dark .mobile_active .top_tool i , .t_dark a i , .dark .t_dark a i {
.top_tool i,
.dark .top_tool i,
.dark .mobile_active .top_tool i,
.t_dark a i,
.dark .t_dark a i {
color: #fff;
}
@@ -460,7 +500,7 @@
color: #000000;
}
.top_tool input.s_input:focus ~ [class*=ri-] {
.top_tool input.s_input:focus~[class*=ri-] {
color: #4f4f4f;
}
@@ -539,7 +579,8 @@
margin: 0;
}
.land_right .beian , .land_right .copyright {
.land_right .beian,
.land_right .copyright {
color: #293563;
}
@@ -601,7 +642,8 @@
display: none;
}
a.bg_music , .dark a.bg_music {
a.bg_music,
.dark a.bg_music {
background: transparent;
width: auto;
height: auto;
@@ -612,7 +654,12 @@
color: #fff;
}
.player_mod .tool , a.m_prev , a.m_next , .timer , a.m_volume , .player_hand {
.player_mod .tool,
a.m_prev,
a.m_next,
.timer,
a.m_volume,
.player_hand {
display: none;
}
@@ -691,25 +738,28 @@
}
body.mod_third_s .footer_nav_box .right {
width:100%;
width: 100%;
}
/* 手机端文章目录调整 */
h3.listree-titles {
font-size: 0.8rem;
padding: 9px 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 9px 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
#listree-ol li a {
font-size: 0.8rem;
}
#listree-ol {
margin: 10px 0 15px -10px;
padding-right: 15px;
}
#listree-ol li {
line-height: 1.2;
margin-top: 6px;
@@ -721,9 +771,9 @@
.footer_menu a.playing-music i,
.footer_menu a.playing-music .title {
color: #4CAF50;
}
}
}
templates/assets/js/anian.js
+200 -3
View File
@@ -4,7 +4,8 @@ function modify_m_bottom_music_button_link() {
if (!music) return;
music.addEventListener('click', function (event) {
event.preventDefault();
mu_box_show();
if (!box_up) mu_box_show();
else mu_box_hide(0);
});
}
@@ -24,13 +25,209 @@ function modify_m_bottom_music_button_link() {
// });
// }
// 登录逻辑
let csrfToken = '';
let publicKey = '';
let loginTimer = null;
let countdownSeconds = 3;
const login_modal = document.getElementById('customLoginModal');
const login_closeBtn = document.getElementById('closeLoginModal');
const login_loginBtn = document.getElementById('customLoginBtn');
// 获取令牌及公钥
async function fetchCSRFToken() {
login_modal.classList.add('show');
login_loginBtn.disabled = true;
login_loginBtn.textContent = '加载中...';
try {
const response = await fetch('/login', { credentials: 'include' });
if (response.url.includes('/uc')) {
return 'logged';
}
const htmlText = await response.text();
const parser = new DOMParser();
const doc = parser.parseFromString(htmlText, 'text/html');
// 获取 CSRF Token
const csrfInput = doc.querySelector('input[name="_csrf"]');
if (!csrfInput || !csrfInput.value) {
throw new Error('页面未找到 CSRF 令牌');
}
csrfToken = csrfInput.value;
// 获取 PublicKey
const publicKeyMatch = htmlText.match(/const publicKey = "([^"]+)";/);
if (!publicKeyMatch || !publicKeyMatch[1]) {
throw new Error('页面未找到 PublicKey');
}
publicKey = publicKeyMatch[1].replace(/\\\//g, '/');
return 'ok';
} catch (err) {
return 'error';
}
}
// 打开弹窗逻辑
async function open_login_box() {
if (loginTimer) {
clearInterval(loginTimer);
}
countdownSeconds = 3;
const success = await fetchCSRFToken();
if (success === 'logged') {
cocoMessage.success('您已经署名过了，请刷新');
login_modal.classList.remove('show');
} else if (success === 'ok') {
loginTimer = setInterval(() => {
if (countdownSeconds > 0) {
login_loginBtn.textContent = '请稍等...' + countdownSeconds;
} else {
clearInterval(loginTimer);
login_loginBtn.textContent = '署 名';
login_loginBtn.disabled = false;
}
countdownSeconds--;
}, 1000);
} else {
cocoMessage.error('服务器错误，请刷新');
login_modal.classList.remove('show');
}
}
// 关闭弹窗
login_closeBtn.addEventListener('click', () => {
login_modal.classList.remove('show');
});
// 加密逻辑
function encryptPassword(password) {
try {
const encrypt = new JSEncrypt();
encrypt.setPublicKey(publicKey);
return encrypt.encrypt(password);
} catch (e) {
return null;
}
}
// 提交登录
login_loginBtn.addEventListener('click', async () => {
const username = document.getElementById('customUsername').value.trim();
const password = document.getElementById('customPassword').value.trim();
if (!username || !password) {
cocoMessage.warning('请先填写信息');
return;
}
const encryptedPwd = encryptPassword(password);
login_loginBtn.disabled = true;
login_loginBtn.textContent = '验证中...';
try {
countdownSeconds = 3
const response = await fetch('/login', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
credentials: 'include',
body: new URLSearchParams({
_csrf: csrfToken,
username: username,
password: encryptedPwd,
'remember-me': 'true'
})
});
// 核心细节：判断最终落点 URL
const finalUrl = response.url;
if (loginTimer) {
clearInterval(loginTimer);
}
if (finalUrl.includes('/uc')) {
cocoMessage.success('署名成功，正在跳转...');
login_loginBtn.textContent = '跳转中...';
setTimeout(() => {
window.location.reload();
}, 800);
} else if (finalUrl.includes('error=invalid-credential')) {
cocoMessage.warning('署名人与心上锁不匹配');
fetchCSRFToken();
} else {
cocoMessage.error('速度过快，请稍后重试');
}
} catch (err) {
cocoMessage.error('服务器连接失败');
} finally {
loginTimer = setInterval(() => {
if (countdownSeconds > 0) {
login_loginBtn.textContent = '请稍等...' + countdownSeconds;
} else {
clearInterval(loginTimer);
login_loginBtn.textContent = '署 名';
login_loginBtn.disabled = false;
}
countdownSeconds--;
}, 1000);
}
});
// 回车登录
document.addEventListener("keydown", function (e) {
if (e.key === "Enter") {
const modal = document.getElementById("customLoginModal");
if (modal.classList.contains("show")) {
document.getElementById("customLoginBtn").click();
}
}
});
// 退出登录
async function customLogout() {
try {
const getResponse = await fetch('/logout', { credentials: 'include' });
const htmlText = await getResponse.text();
const parser = new DOMParser();
const doc = parser.parseFromString(htmlText, 'text/html');
const logoutCsrfToken = doc.querySelector('input[name="_csrf"]')?.value;
if (!logoutCsrfToken) {
cocoMessage.error('页面未找到 CSRF 令牌');
return;
}
const postResponse = await fetch('/logout', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
credentials: 'include',
body: new URLSearchParams({
'_csrf': logoutCsrfToken
})
});
if (postResponse.ok) {
cocoMessage.success('您已成功退出登录');
setTimeout(() => {
window.location.reload();
}, 800);
} else {
throw new Error('退出请求被拒绝');
}
} catch (err) {
console.error('Logout Error:', err);
cocoMessage.error('退出失败，请手动刷新页面');
}
}
function showPixarCard() {
const wrapper = document.getElementById("pixarNoticeWrapper");
wrapper.style.display = "flex";
}
function hidePixarCard() {
const wrapper = document.getElementById("pixarNoticeWrapper");
wrapper.style.display = "none";
}
function confirmPixarAction() {
customLogout();
}
templates/assets/js/app.js
+709 -623
View File
File diff suppressed because it is too large Load Diff
templates/assets/js/pixplayer.js
+227 -221
View File
@@ -4,33 +4,33 @@
function updateMusicBtnColor(state) {
if (state === 'play') {
// 播放
$('.bg_music').css("background", "rgb(172, 202, 181)");
$('.bg_music i').css("color", "white");
} else if (state === 'pause') {
// 暂停
$('.bg_music').css("background", "#EBF2ED");
$('.bg_music i').css("color", "rgb(174, 174, 174)");
} else {
// 默认
$('.bg_music').css("background", "#EBF2ED");
$('.bg_music i').css("color", "rgb(174, 174, 174)");
if (state === 'play') {
// 播放
$('.bg_music').css("background", "rgb(172, 202, 181)");
$('.bg_music i').css("color", "white");
} else if (state === 'pause') {
// 暂停
$('.bg_music').css("background", "#EBF2ED");
$('.bg_music i').css("color", "rgb(174, 174, 174)");
} else {
// 默认
$('.bg_music').css("background", "#EBF2ED");
$('.bg_music i').css("color", "rgb(174, 174, 174)");
// ✅ 初始化：隐藏歌词容器（真正关闭歌词功能）
if (Theme.play.lrc_open && typeof lyricsContainer !== 'undefined') {
lyricsContainer.css('display', 'none');
}
// ✅ 初始化：隐藏歌词容器（真正关闭歌词功能）
if (Theme.play.lrc_open && typeof lyricsContainer !== 'undefined') {
lyricsContainer.css('display', 'none');
}
// ✅ 按钮样式置为关闭状态视觉
$('a.bg_lrc i').css("color", "#aeaeae");
$('a.bg_lrc').css("background", "#EBF2ED");
// ✅ 按钮样式置为关闭状态视觉
$('a.bg_lrc i').css("color", "#aeaeae");
$('a.bg_lrc').css("background", "#EBF2ED");
$('.t_dark.top_tool.icon_color').hide();
}
$('.t_dark.top_tool.icon_color').hide();
}
}
var rem=[];
var rem = [];
rem.audio = $('<audio id="pix_player"></audio>');
var audiobox = $('<audio id="pix_player">');
@@ -43,30 +43,30 @@ var Paused = true;
var playLrc = '';
var m_cover = $('.player_mod .m_cover img');
var m_title = $('.player_mod .m_info h2');
var m_title = $('.player_mod .m_info h2');
var m_artist = $('.player_mod .m_info small');
$(document).on('click','.play_btn',function(){
$(document).on('click', '.play_btn', function () {
$('.player_box').append(audiobox);
$('.pix_player').removeClass('playing');
$(this).parents('.pix_player').addClass('playing');
var url = $(this).attr('data');
$(this).parents('.pix_player').addClass('playing');
var url = $(this).attr('data');
var lrc = $(this).attr('lrc');
var audio_s = $('#pix_player').attr('src');
var audio_s = $('#pix_player').attr('src');
var meta = $(this).siblings('.player_meta').find('.title');
playLrc = lrc;
m_title.text(meta.find('.name').text());
m_artist.text(meta.find('.author').text());
m_cover.attr('src',$('.pix_player.playing .player_thum img').attr('src'));
m_cover.attr('src', $('.pix_player.playing .player_thum img').attr('src'));
if(audio_s == '' || audio_s !== url){
$('#pix_player').attr('src',url);
if (audio_s == '' || audio_s !== url) {
$('#pix_player').attr('src', url);
audiobox[0].play();
} else {
} else {
pasued();
}
}
$(".play_btn").html("<i class='ri-play-line'></i>");
@@ -74,60 +74,61 @@ $(document).on('click','.play_btn',function(){
});
// 初始化函数
function initAudio(){
audiobox[0].addEventListener("play",audioplay);
audiobox[0].addEventListener("pause",audiopause);
audiobox[0].addEventListener("timeupdate",updateProcess);
if(Theme.bgm_open == true){
audiobox[0].addEventListener("ended",endplay);
function initAudio() {
audiobox[0].addEventListener("play", audioplay);
audiobox[0].addEventListener("pause", audiopause);
audiobox[0].addEventListener("timeupdate", updateProcess);
if (Theme.bgm_open == true) {
audiobox[0].addEventListener("ended", endplay);
}
}
//音乐结束触发
function endplay(){
function endplay() {
var index = $('.musci_list_box li.active').index() + 1;
var max = $('.musci_list_box li').length;
var new_mid = 0;
if(loop=="one"){
new_mid = index-1;
}else if(loop=="none") {
new_mid = (Math.floor(Math.random() * max) + 1)-1;
}else if(loop=="all") {
if (loop == "one") {
new_mid = index - 1;
} else if (loop == "none") {
new_mid = (Math.floor(Math.random() * max) + 1) - 1;
} else if (loop == "all") {
new_mid = index > (max - 1) ? 0 : index;
}
mulist_play(new_mid);
}
// 当音乐标签加载完成之后所触发的函数
audiobox[0].oncanplay=function(){
var duration=handleTime(this.duration);
var currenttime=handleTime(this.currentTime);
audiobox[0].oncanplay = function () {
var duration = handleTime(this.duration);
var currenttime = handleTime(this.currentTime);
$(".timer .total_time").text(duration);
$(".timer .current_time").text(currenttime);
initAudio();
}
// 音乐播放暂停的函数
function pasued(){
if(Paused === false){
function pasued() {
if (Paused === false) {
audiobox[0].pause();
}else{
} else {
audiobox[0].play();
}
}
// 音乐播放之后触发的函数
function audioplay(){
function audioplay() {
box_up = true;
// 播放时
updateMusicBtnColor('play');
var mheight = $('.footer_nav_box').height();
$('.footer_nav_box').animate({top:-mheight},200,'linear');
Paused=false;
updateMusicBtnColor('play');
var mheight = $('.footer_nav_box').height();
$('.footer_nav_box').animate({ top: -mheight }, 200, 'linear');
Paused = false;
$(".pix_player.playing .play_btn").html("<i class='ri-pause-line'></i>");
$('.m_play').html('<i class="ri-pause-circle-fill"></i>');
// 播放时显示歌词
if(Theme.play.lrc_open && typeof lyricsContainer !== 'undefined'){
if (Theme.play.lrc_open && typeof lyricsContainer !== 'undefined') {
lyricsContainer.css('display', 'block');
$('a.bg_lrc i').css("color", "");
$('a.bg_lrc').css("background", "");
@@ -135,15 +136,15 @@ function audioplay(){
}
// 音乐暂停之后触发的函数
function audiopause(){
function audiopause() {
// 暂停时
updateMusicBtnColor('pause');
Paused=true;
updateMusicBtnColor('pause');
Paused = true;
$(".pix_player.playing .play_btn").html("<i class='ri-play-line'></i>");
$('.m_play').html('<i class="ri-play-circle-fill"></i>');
// 暂停时隐藏歌词
if(Theme.play.lrc_open && typeof lyricsContainer !== 'undefined'){
if (Theme.play.lrc_open && typeof lyricsContainer !== 'undefined') {
lyricsContainer.css('display', 'none');
$('a.bg_lrc i').css("color", "#aeaeae");
$('a.bg_lrc').css("background", "#EBF2ED");
@@ -151,29 +152,29 @@ function audiopause(){
}
// 更新进度条
function updateProcess(){
if(Paused!==false) return true;
function updateProcess() {
if (Paused !== false) return true;
var duration = handleTime(this.duration);
var currenttime = handleTime(this.currentTime);
var percent = audiobox[0].currentTime/audiobox[0].duration;
$(".player_mod .player_bar .progress").css('width',(percent)*100+"%");
var percent = audiobox[0].currentTime / audiobox[0].duration;
$(".player_mod .player_bar .progress").css('width', (percent) * 100 + "%");
$(".timer .total_time").text(duration);
$(".timer .current_time").text(currenttime);
}
//循环歌曲 m_loop
$(document).on('click','.m_loop',function(){
if($(this).hasClass('all')){
$(document).on('click', '.m_loop', function () {
if ($(this).hasClass('all')) {
$(this).removeClass('all');
$(this).addClass('one');
$(this).html('<i class="ri-repeat-one-line"></i>');
loop = 'one';
}else if(($(this).hasClass('one'))){
} else if (($(this).hasClass('one'))) {
$(this).removeClass('one');
$(this).addClass('none');
$(this).html('<i class="ri-shuffle-line"></i>');
loop = 'none';
}else {
} else {
$(this).removeClass('none');
$(this).addClass('all');
$(this).html('<i class="ri-repeat-line"></i>');
@@ -182,65 +183,65 @@ $(document).on('click','.m_loop',function(){
});
// 时间处理的函数
function handleTime(seconedTime){
var minute=parseInt(seconedTime/60,10);
if(minute<10){minute="0"+minute};
var second=(seconedTime-minute*60).toFixed(2).split(".")[0];
if(second<10){second="0"+second};
var Time=minute+":"+second;
function handleTime(seconedTime) {
var minute = parseInt(seconedTime / 60, 10);
if (minute < 10) { minute = "0" + minute };
var second = (seconedTime - minute * 60).toFixed(2).split(".")[0];
if (second < 10) { second = "0" + second };
var Time = minute + ":" + second;
return Time;
}
//视频播放
var video = $('#pix_video_player');
$(document).on('click','.video_play_btn',function(){
$(document).on('click', '.video_play_btn', function () {
var video = $(this).siblings('#pix_video_player');
video.attr('controls','controls');
video.attr('controls', 'controls');
$(this).remove();
video[0].play();
});
function stopOtherMedia(element) {
$("video").not(element).each(function(index, video) {
video.pause();
});
$("video").not(element).each(function (index, video) {
video.pause();
});
}
//背景音乐
function autoload_music() {
var state = Theme.bgm_open;
var api = `${Theme.play.pix_mu_api || 'https://api.i-meto.com/meting/api'}?server=:server&type=:type&id=:id&r=:r`
var api = `${Theme.play.pix_mu_api || 'https://api.i-meto.com/meting/api'}?server=:server&type=:type&id=:id&r=:r`
var meta = {
server : Theme.play.mu_source,
type : Theme.play.mu_type,
id : Theme.play.play_id,
auth : ''
server: Theme.play.mu_source,
type: Theme.play.mu_type,
id: Theme.play.play_id,
auth: ''
}
if(state == true){
if (state == true) {
let url = api.replace(":server", meta.server).replace(":type", meta.type).replace(":id", meta.id).replace(":auth", meta.auth).replace(":r", Math.random());
$.ajax({
type: "get",
url:url,
url: url,
success: function (res) {
if(res.length > 0){
if (res.length > 0) {
var new_mid = 0;
if(loop=="none") {
new_mid = (Math.floor(Math.random() * res.length) + 1)-1;
if (loop == "none") {
new_mid = (Math.floor(Math.random() * res.length) + 1) - 1;
}
var f = res[new_mid];
var playnum = 1;
audiobox.attr('src',f.url);
audiobox.attr('src', f.url);
playLrc = f.lrc;
$('.player_mod .m_cover img').attr('src',f.pic);
$('.player_mod .m_cover img').attr('src', f.pic);
$('.player_mod .m_info h2').text(f.title || f.name);
$('.player_mod .m_info small').text(f.author || f.artist);
$('.player_box').append(audiobox);
playlist.push(res);
$.each(res, function(key, data) {
$(".musci_list_box").append('<li class="item" id='+ key +'>' + playnum++ + '. ' + (data.title || data.name) + ' - ' + (data.author || data.artist) + '</li>');
$.each(res, function (key, data) {
$(".musci_list_box").append('<li class="item" id=' + key + '>' + playnum++ + '. ' + (data.title || data.name) + ' - ' + (data.author || data.artist) + '</li>');
});
$(".musci_list_box li").removeClass('active').eq(new_mid).addClass('active');
@@ -253,27 +254,27 @@ function autoload_music() {
}
//播放选中音乐
function mulist_play(index){
audiobox[0].removeEventListener("play",audioplay);
audiobox[0].removeEventListener("pause",audiopause);
function mulist_play(index) {
audiobox[0].removeEventListener("play", audioplay);
audiobox[0].removeEventListener("pause", audiopause);
$(".pix_player.playing .play_btn").html("<i class='ri-play-line'></i>");
$(".m_play").html('<i class="ri-pause-circle-fill"></i>');
$('.musci_list_box li').eq(index).addClass('active').siblings().removeClass('active');
scrollToPosition(index);
var data = playlist[0][index];
playLrc = data.lrc;
audiobox.attr('src',data.url);
m_cover.attr('src',data.pic);
audiobox.attr('src', data.url);
m_cover.attr('src', data.pic);
m_title.text(data.title || data.name);
m_artist.text(data.author || data.artist);
audiobox[0].play();
Paused = false;
updateMusicBtnColor('play');
updateMusicBtnColor('play');
// 新增：切换歌曲后强制显示歌词
if(Theme.play.lrc_open && typeof lyricsContainer !== 'undefined'){
if (Theme.play.lrc_open && typeof lyricsContainer !== 'undefined') {
lyricsContainer.css('display', 'block');
$('a.bg_lrc i').css("color", "");
$('a.bg_lrc').css("background", "");
@@ -284,14 +285,14 @@ function mulist_play(index){
$(document).on('click', '.ri-bar-chart-horizontal-line', function () {
var position = $('.musci_list_box li.active').index()
setTimeout(function () {
if($('.m_list').attr('aria-expanded')){
if ($('.m_list').attr('aria-expanded')) {
scrollToPosition(position)
}
}, 200);
});
//点击列表播放
$(document).on('click','.musci_list_box li',function(){
$(document).on('click', '.musci_list_box li', function () {
$('.musci_list_box li').removeClass('active');
$(this).addClass('active');
var id = $(this).attr('id');
@@ -299,26 +300,26 @@ $(document).on('click','.musci_list_box li',function(){
});
//上一首
$(document).on('click','.m_prev',function(){
$(document).on('click', '.m_prev', function () {
var index = $('.musci_list_box li.active').index() - 1;
var max = $('.musci_list_box li').length;
var new_mid = 0;
if(loop=="none") {
new_mid = (Math.floor(Math.random() * max) + 1)-1;
}else {
if (loop == "none") {
new_mid = (Math.floor(Math.random() * max) + 1) - 1;
} else {
new_mid = index < 0 ? max - 1 : index;
}
mulist_play(new_mid);
});
//下一首
$(document).on('click','.m_next',function(){
$(document).on('click', '.m_next', function () {
var index = $('.musci_list_box li.active').index() + 1;
var max = $('.musci_list_box li').length;
var new_mid = 0;
if(loop=="none") {
new_mid = (Math.floor(Math.random() * max) + 1)-1;
}else{
if (loop == "none") {
new_mid = (Math.floor(Math.random() * max) + 1) - 1;
} else {
new_mid = index > (max - 1) ? 0 : index;
}
mulist_play(new_mid);
@@ -326,11 +327,11 @@ $(document).on('click','.m_next',function(){
//播放和暂停
function m_play() {
if(Paused === false){
if (Paused === false) {
audiobox[0].pause();
$('.m_play').html('<i class="ri-play-circle-fill"></i>');
Paused = true;
}else{
} else {
audiobox[0].play();
$('.m_play').html('<i class="ri-pause-circle-fill"></i>');
Paused = false;
@@ -338,8 +339,8 @@ function m_play() {
}
//播放按钮
$(document).on('click','.m_play',function(){
if(!$("#pix_player").length > 0){
$(document).on('click', '.m_play', function () {
if (!$("#pix_player").length > 0) {
cocoMessage.error('没有音乐可播放');
return false;
} else {
@@ -349,66 +350,70 @@ $(document).on('click','.m_play',function(){
//触发显示播放器
var trigger;
function mu_box_show(){
let box_up = false;
function mu_box_show() {
clearTimeout(trigger);
box_up = true;
var mheight = $('.footer_nav_box').height();
$('.footer_nav_box').animate({top:-mheight},200,'linear');
$('.footer_nav_box').animate({ top: -mheight }, 200, 'linear');
}
function mu_box_hide() {
trigger = setTimeout(function() {
// 获取屏幕宽度判断是否为手机端（与歌词容器响应式逻辑保持一致）
const isMobile = $(window).width() <= 767;
// 手机端隐藏时额外向下偏移50px（可根据需要调整数值），非手机端保持默认0px
const hideTop = isMobile ? "50px" : "0px";
// 执行隐藏动画
$('.footer_nav_box').animate({
top: hideTop
}, 200, 'linear');
}, 2000);
function mu_box_hide(time = 2000) {
clearTimeout(trigger);
trigger = setTimeout(function () {
// 获取屏幕宽度判断是否为手机端（与歌词容器响应式逻辑保持一致）
const isMobile = $(window).width() <= 767;
// 手机端隐藏时额外向下偏移50px（可根据需要调整数值），非手机端保持默认0px
const hideTop = isMobile ? "50px" : "0px";
// 执行隐藏动画
$('.footer_nav_box').animate({
top: hideTop
}, 200, 'linear');
box_up = false;
}, time);
}
$(document).on('mouseenter', '.player_hand , .footer_nav_box', function(event) {
mu_box_show();
$(document).on('mouseenter', '.player_hand , .footer_nav_box', function (event) {
mu_box_show();
});
$(document).on('mouseleave', '.footer_nav_box .right_inner', function(event) {
trigger = setTimeout(function(){
mu_box_hide();
},2000);
$(document).on('mouseleave', '.footer_nav_box .right_inner', function (event) {
trigger = setTimeout(function () {
mu_box_hide();
}, 2000);
});
//音乐进度条跳转
function getMousePosition(e){
function getMousePosition(e) {
var e = e || window.event;
var x = e.pageX;
var y = e.pageY;
return {'left':x,'top':y}
return { 'left': x, 'top': y }
}
$(document).on('click','.player_bar',function(){
$(document).on('click', '.player_bar', function () {
var long = (getMousePosition().left) - ($('.progress').offset().left);
$('.progress').width(long);
allTime = parseInt(audiobox[0].duration);
var nowtime = (long/$('.player_bar').width()) * allTime;
var nowtime = (long / $('.player_bar').width()) * allTime;
audiobox[0].currentTime = nowtime;
});
//音量调节 m_volume
$(document).on('click','.m_volume',function(){
if($(this).hasClass('mute')){
$(document).on('click', '.m_volume', function () {
if ($(this).hasClass('mute')) {
$(this).removeClass('mute');
$(this).html('<i class="ri-volume-down-line"></i>');
audiobox[0].muted = false;
}else{
} else {
$(this).addClass('mute');
audiobox[0].muted = true;
$(this).html('<i class="ri-volume-mute-line"></i>');
}
});
$(document).on('click','.vo_bar',function(){
$(document).on('click', '.vo_bar', function () {
var long = (getMousePosition().top) - ($(this).offset().top)
var meter = long / $(this).height();
var finalLong = 1 - meter;
@@ -418,34 +423,34 @@ $(document).on('click','.vo_bar',function(){
//文章歌曲
function autoload_posts_music() {
post_playlist.splice(0,post_playlist.length);
post_playlist.splice(0, post_playlist.length);
var pid = $('.posts_mu_list').attr('pid');
var api = `${Theme.play.pix_mu_api || 'https://api.i-meto.com/meting/api'}?server=:server&type=:type&id=:id&r=:r`
var api = `${Theme.play.pix_mu_api || 'https://api.i-meto.com/meting/api'}?server=:server&type=:type&id=:id&r=:r`
var meta = {
server : $('.posts_mu_list').attr('mus_source'),
type : $('.posts_mu_list').attr('mus_type'),
id : $('.posts_mu_list').attr('plays_id'),
server: $('.posts_mu_list').attr('mus_source'),
type: $('.posts_mu_list').attr('mus_type'),
id: $('.posts_mu_list').attr('plays_id'),
mu_on: $('.posts_mu_list').attr('mu_on'),
auth : ''
auth: ''
}
if(pid && meta.mu_on=='true'){
if (pid && meta.mu_on == 'true') {
let url = api.replace(":server", meta.server).replace(":type", meta.type).replace(":id", meta.id).replace(":auth", meta.auth).replace(":r", Math.random());
$.ajax({
type: "get",
url:url,
url: url,
beforeSend: function () {
$('.posts_mu_list').html('<div class="loading_box"><div uk-spinner></div></div>');
},
success: function (res) {
if(res.length > 0){
if (res.length > 0) {
$('.posts_mu_list .loading_box').remove();
var playnum = 1;
if(!$('#pix_player').length > 0){
if (!$('#pix_player').length > 0) {
$('.player_box').append(audiobox);
}
post_playlist.push(res);
$.each(res, function(key, data) {
$(".posts_mu_list").append('<li class="item" id='+ key +'><div class="mu_id">' + playnum++ + '</div><a class="s_play_btn"><i class="ri-play-circle-line"></i></a><div class="mus_info">'+ (data.title || data.name) +' <span>- ' + (data.author || data.artist) + '</span></div></li>');
$.each(res, function (key, data) {
$(".posts_mu_list").append('<li class="item" id=' + key + '><div class="mu_id">' + playnum++ + '</div><a class="s_play_btn"><i class="ri-play-circle-line"></i></a><div class="mus_info">' + (data.title || data.name) + ' <span>- ' + (data.author || data.artist) + '</span></div></li>');
});
}
}
@@ -454,25 +459,25 @@ function autoload_posts_music() {
}
//文章歌曲播放
$(document).on('click','.s_play_btn',function(){
$(document).on('click', '.s_play_btn', function () {
mu_box_show();
// 1. 同步更新文章内播放列表选中状态
$('.posts_mu_list li').removeClass('active');
$(this).parent().addClass('active');
// 2. 同步更新全局播放列表选中状态（避免后续操作信息混乱）
$('.musci_list_box li').removeClass('active');
// 移除旧事件监听，防止重复触发
audiobox[0].removeEventListener("play",audioplay);
audiobox[0].removeEventListener("pause",audiopause);
audiobox[0].removeEventListener("play", audioplay);
audiobox[0].removeEventListener("pause", audiopause);
$(".m_play").html('<i class="ri-pause-circle-fill"></i>');
var id = $(this).parents('li').attr('id');
var data = post_playlist[0][id];
playLrc = data.lrc;
// 3. 修复歌手信息字段：优先用 data.author，其次用 data.artist
audiobox.attr('src',data.url);
m_cover.attr('src',data.pic);
audiobox.attr('src', data.url);
m_cover.attr('src', data.pic);
m_title.text(data.title || data.name); // 歌曲标题：优先 title，其次 name
m_artist.text(data.author || data.artist); // 歌手信息：优先 author，其次 artist
audiobox[0].play();
@@ -480,7 +485,7 @@ $(document).on('click','.s_play_btn',function(){
Paused = false;
// 新增：文章歌曲切换后强制显示歌词
if(Theme.play.lrc_open && typeof lyricsContainer !== 'undefined'){
if (Theme.play.lrc_open && typeof lyricsContainer !== 'undefined') {
lyricsContainer.css('display', 'block');
$('a.bg_lrc i').css("color", "");
$('a.bg_lrc').css("background", "");
@@ -488,8 +493,9 @@ $(document).on('click','.s_play_btn',function(){
});
//播放器按钮
$(document).on('click','a.bg_music',function(){
mu_box_show();
$(document).on('click', 'a.bg_music', function () {
if (!box_up) mu_box_show();
else mu_box_hide(0);
});
$(function () {
@@ -498,11 +504,11 @@ $(function () {
});
//播放类型切换
$(document).on('click','.audio_c_btn',function(){
$(document).on('click', '.audio_c_btn', function () {
var type = $(this).attr('au_type');
var input = $('<input type="text" placeholder="歌曲ID" name="moment_audio_api" id="moment_audio_api" class="required" required="required">');
$('.type_audio_text').empty();
$('.'+type+'_audio.type_audio_text').append(input);
$('.' + type + '_audio.type_audio_text').append(input);
});
$('.bg_lrc').click(function () {
@@ -526,13 +532,13 @@ $('.bg_lrc').click(function () {
});
//创建容器
if(Theme.play.lrc_open){
if (Theme.play.lrc_open) {
var lyricsContainer = $('<div class="lyrics-container"></div>');
$('.player_box').append(lyricsContainer);
var css = $(window).width() > 767 ?
{
//桌面歌词css（按照下面格式自行修改）
position: 'fixed',
position: 'fixed',
bottom: '10px',
left: '2%',
width: '350px',
@@ -543,7 +549,7 @@ if(Theme.play.lrc_open){
} :
{
//移动端歌词css（按照下面格式自行修改）
position: 'fixed',
position: 'fixed',
top: '6px',
left: '0',
width: '100%',
@@ -596,56 +602,56 @@ function parseLyrics(lrcOriginal) {
// 更新歌词
function updateLyrics(currentTime, lyrics) {
for (var i = 0; i < lyrics.length; i++) {
if (currentTime >= lyrics[i].time && (i === lyrics.length - 1 || currentTime < lyrics[i + 1].time)) {
// 定义各行列歌词内容
var prevLine = (i - 1 >= 0 && typeof lyrics[i - 1].text === "string") ? lyrics[i - 1].text : ""; // 上一行（i-1）
var currentLine = (typeof lyrics[i].text === "string") ? lyrics[i].text : ""; // 当前行（i）
var nextLine = (i + 1 < lyrics.length && typeof lyrics[i + 1].text === "string") ? lyrics[i + 1].text : ""; // 下一行（i+1）
var nextNextLine = (i + 2 < lyrics.length && typeof lyrics[i + 2].text === "string") ? lyrics[i + 2].text : ""; // 下下一行（i+2）
for (var i = 0; i < lyrics.length; i++) {
if (currentTime >= lyrics[i].time && (i === lyrics.length - 1 || currentTime < lyrics[i + 1].time)) {
// 定义各行列歌词内容
var prevLine = (i - 1 >= 0 && typeof lyrics[i - 1].text === "string") ? lyrics[i - 1].text : ""; // 上一行（i-1）
var currentLine = (typeof lyrics[i].text === "string") ? lyrics[i].text : ""; // 当前行（i）
var nextLine = (i + 1 < lyrics.length && typeof lyrics[i + 1].text === "string") ? lyrics[i + 1].text : ""; // 下一行（i+1）
var nextNextLine = (i + 2 < lyrics.length && typeof lyrics[i + 2].text === "string") ? lyrics[i + 2].text : ""; // 下下一行（i+2）
// 判断设备类型（<=767px为移动端）
var isMobile = $(window).width() <= 767;
// 判断设备类型（<=767px为移动端）
var isMobile = $(window).width() <= 767;
if (isMobile) {
// 移动端：仅显示当前行+下一行
lyricsContainer.html(`
if (isMobile) {
// 移动端：仅显示当前行+下一行
lyricsContainer.html(`
<div class="current-line active" style="font-size: 14px; margin-bottom: 6px; line-height: 1.2;">${currentLine}</div>
<div class="current-line" style="font-size: 12px; opacity: 0.7; line-height: 1.2;">${nextLine}</div>
`);
// 移动端适配动画（2行滚动距离）
$('.current-line').animate({
top: '-=25px'
}, 1000, function () {
$(this).css({
top: '25px'
});
});
} else {
// 电脑端：保持原有4行显示
lyricsContainer.html(`
// 移动端适配动画（2行滚动距离）
$('.current-line').animate({
top: '-=25px'
}, 1000, function () {
$(this).css({
top: '25px'
});
});
} else {
// 电脑端：保持原有4行显示
lyricsContainer.html(`
<div class="current-line" style="font-size: 10px; opacity: .4;">${prevLine}</div>
<div class="current-line active" style="font-size: 14px;">${currentLine}</div>
<div class="current-line" style="font-size: 12px; opacity: .4;">${nextLine}</div>
<div class="current-line" style="font-size: 10px; opacity: .1;">${nextNextLine}</div>
`);
// 电脑端原动画
$('.current-line').animate({
top: '-=30px'
}, 2000, function () {
$(this).css({
top: '30px'
});
});
}
}
}
// 电脑端原动画
$('.current-line').animate({
top: '-=30px'
}, 2000, function () {
$(this).css({
top: '30px'
});
});
}
}
}
}
// 监听音频播放进度更新事件，更新歌词
Theme.play.lrc_open && audiobox[0].addEventListener("timeupdate", async function () {
// 新增：只有歌词容器显示时才更新歌词（优化性能）
if(Theme.play.lrc_open && typeof lyricsContainer !== 'undefined' && lyricsContainer.css('display') !== 'none'){
if (Theme.play.lrc_open && typeof lyricsContainer !== 'undefined' && lyricsContainer.css('display') !== 'none') {
var lyrics = await fetchLyrics(playLrc)
updateLyrics(this.currentTime, lyrics);
}
@@ -662,31 +668,31 @@ function scrollToPosition(position) {
// 更新底部音乐图标颜色（根据是否播放）
function updateFooterMusicIcon(isPlaying) {
// 查找底部菜单中包含音乐图标的链接
var $entry = $('.footer_menu a').filter(function() {
return $(this).find('.ri-netease-cloud-music-line').length > 0;
}).first();
// 查找底部菜单中包含音乐图标的链接
var $entry = $('.footer_menu a').filter(function () {
return $(this).find('.ri-netease-cloud-music-line').length > 0;
}).first();
if ($entry.length) {
if (isPlaying) {
$entry.addClass('playing-music');
} else {
$entry.removeClass('playing-music');
}
}
if ($entry.length) {
if (isPlaying) {
$entry.addClass('playing-music');
} else {
$entry.removeClass('playing-music');
}
}
}
// 绑定 audio 播放/暂停事件
audiobox[0].addEventListener("play", function () {
updateFooterMusicIcon(true);
updateFooterMusicIcon(true);
});
audiobox[0].addEventListener("pause", function () {
updateFooterMusicIcon(false);
updateFooterMusicIcon(false);
});
// 初始和 PJAX 完成后同步状态
function syncFooterWithAudioState() {
var isPlaying = !!(audiobox && audiobox[0] && !audiobox[0].paused && !audiobox[0].ended);
updateFooterMusicIcon(isPlaying);
var isPlaying = !!(audiobox && audiobox[0] && !audiobox[0].paused && !audiobox[0].ended);
updateFooterMusicIcon(isPlaying);
}
templates/category.html
+1 -1
View File
@@ -35,7 +35,7 @@
</th:block>
</div>
<div th:if="${posts.hasNext}" class="arc_pagenav">
<div th:if="${posts.hasNext}" class="arc_pagenav post-paging">
<a th:data="@{${posts.nextUrl}}" th:text="${theme.config.base_set.site_page}"></a>
</div>
templates/friends.html
+27 -4
View File
@@ -13,6 +13,29 @@
<div class="blog_list">
<div class="blog_list_inner" uk-height-viewport="offset-top: true">
<!-- 作者姓名导航栏（参照图库风格新增） -->
<div class="friends_cat_nav">
<ul id="cat_nav_items">
<li>
<!-- 全部按钮 -->
<a th:attr="data-href=@{/friends}"
th:classappend="${#lists.isEmpty(param.author) ? 'active' : ''}" class="cat-link">
全部<span></span>
</a>
</li>
<!-- 遍历所有作者 -->
<th:block th:each="author : ${authors}">
<li>
<a th:attr="data-href=@{|/friends?author=${author}|}"
th:classappend="${#strings.equals(param.author, author) ? 'active' : ''}"
th:text="${author}" class="cat-link">
<span></span>
</a>
</li>
</th:block>
</ul>
</div>
<div id="post_item" class="moment_list">
<div th:each="postInfo, iterstat: ${friends.items}"
@@ -66,9 +89,9 @@
<th:block th:if="${friends.totalPages>1}">
<div id="t_pagination">
<div class="post-paging"
th:if="${friends.hasNext()}"
th:with="_page = ${friends.page+1}">
<a th:data="${'/friends/page/'+_page}"
th:if="${friends.hasNext()}">
<!-- 直接使用后端生成的完整 nextUrl -->
<a th:data="${friends.nextUrl}"
th:text="${theme.config.base_set.site_page}">
</a>
</div>
@@ -87,4 +110,4 @@
</div>
</th:block>
</html>
</html>
templates/modules/footer.html
+75 -11
View File
@@ -1,20 +1,83 @@
<th:block th:fragment="footer">
<th:block th:with="customJsVersion='1.2.5-2'">
<th:block th:with="customJsVersion='1.2.5-3'">
<!-- 奇遇容器 -->
<div class="center-img-container" id="centerImgContainer">
<img class="center-img" id="targetImg">
<img class="center-img" id="targetImg">
</div>
<script th:if="${pluginFinder.available('plugin-douban')}" th:src="@{/plugins/plugin-douban/assets/static/db.min.js(v=${customJsVersion})}" class="pjax"></script>
<!-- 登录容器 -->
<div class="custom-login-modal" id="customLoginModal">
<div class="login-modal-content login-modern-card">
<button class="close-modal-btn" id="closeLoginModal">&times;</button>
<form class="login-modern-form">
<p class="login-modern-title">日记簿署名</p>
<div class="login-modern-input-wrapper">
<i class="ri-user-line login-modern-icon"></i>
<input type="text" id="customUsername" class="login-modern-input" autocomplete="username"
placeholder="执笔人">
</div>
<div class="login-modern-input-wrapper">
<i class="ri-lock-line login-modern-icon"></i>
<input type="password" id="customPassword" class="login-modern-input"
autocomplete="current-password" placeholder="心上锁">
</div>
<button type="button" class="login-modern-submit" id="customLoginBtn">
落 款
</button>
</form>
</div>
</div>
<!-- 退出登录 -->
<div id="pixarNoticeWrapper" class="pixar-notice-wrapper">
<div class="pixar-notice-card" role="article" aria-labelledby="pixarNoticeUsername">
<div class="pixar-notice-header">
<div class="pixar-notice-avatar"></div>
<p class="pixar-notice-username" id="pixarNoticeUsername">阿年的日记簿</p>
</div>
<div class="pixar-notice-image-area">
<p class="pixar-notice-caption">
您确定要退出登录吗？<br>
退出后您仍能以访客身份翻阅本日记簿...
</p>
</div>
<div class="pixar-notice-actions">
<!-- 确认按钮 -->
<button class="pixar-notice-btn pixar-notice-btn-confirm" aria-label="Confirm"
onclick="confirmPixarAction()">
<i class="ri-check-line"></i>
</button>
<!-- 关闭按钮 -->
<button class="pixar-notice-btn pixar-notice-btn-close" aria-label="Close"
onclick="hidePixarCard()">
<i class="ri-close-line"></i>
</button>
</div>
</div>
</div>
<script th:if="${pluginFinder.available('plugin-douban')}"
th:src="@{/plugins/plugin-douban/assets/static/db.min.js(v=${customJsVersion})}" class="pjax"></script>
<script th:src="@{/assets/libs/axios/axios.min.js(v=${customJsVersion})}" id="axios.min-js"></script>
<script th:src="@{/assets/libs/jsencrypt/jsencrypt.min.js(v=${customJsVersion})}" id="jsencrypt.min-js"></script>
<script th:src="@{/assets/libs/jsencrypt/jsencrypt.min.js(v=${customJsVersion})}"
id="jsencrypt.min-js"></script>
<script th:src="@{/assets/libs/jquery/jquery.min.js(v=${customJsVersion})}" id="jquery.min-js"></script>
<script th:src="@{/assets/libs/qrious/qrious.min.js(v=${customJsVersion})}"></script>
<script th:src="@{/assets/libs/uikit/uikit.min.js(v=${customJsVersion})}" id="uikit.js-js"></script>
<script th:src="@{/assets/libs/jquery/jquery.cookie.js(v=${customJsVersion})}" id="jquery.cookie-js"></script>
<script th:src="@{/assets/libs/fancybox/jquery.fancybox.min.js(v=${customJsVersion})}" id="fancybox.js-js"></script>
<script th:src="@{/assets/libs/fancybox/jquery.fancybox.min.js(v=${customJsVersion})}"
id="fancybox.js-js"></script>
<script th:src="@{/assets/libs/jquery/jquery.form.js(v=${customJsVersion})}" id="jquery.form-js"></script>
<script th:src="@{/assets/libs/jquery/jquery.validate.js(v=${customJsVersion})}" id="jquery.validate-js"></script>
<script th:src="@{/assets/libs/jquery/jquery.validate.js(v=${customJsVersion})}"
id="jquery.validate-js"></script>
<script th:src="@{/assets/libs/message/coco-message.js(v=${customJsVersion})}" id="mesage-js"></script>
<script th:src="@{/assets/libs/lazyload/lazyload.min.js(v=${customJsVersion})}" id="lazyload-js"></script>
<script th:src="@{/assets/libs/nprogress/nprogress.js(v=${customJsVersion})}" id="nprogress-js"></script>
@@ -25,16 +88,17 @@
<script th:src="@{/assets/js/pix.js(v=${customJsVersion})}" id="pix-js"></script>
<script th:src="@{/assets/js/app.js(v=${customJsVersion})}" id="app-js"></script>
<script th:src="@{/assets/js/anian.js(v=${customJsVersion})}" id="anian-js"></script>
<link rel="prefetch" href="/upload/ma-shan-zheng.woff2" as="font" type="font/woff2" crossorigin>
<link rel="prefetch" href="/upload/mu-yao-sui-xin-shou-xie-ti.woff2" as="font" type="font/woff2" crossorigin>
<link rel="prefetch" href="/upload/ma-shan-zheng.woff2" crossorigin="anonymous">
<link rel="prefetch" href="/upload/mu-yao-sui-xin-shou-xie-ti.woff2" crossorigin="anonymous">
<link rel="prefetch" href="/upload/jiazai.gif">
</th:block>
<!-- 自定义js -->
<script type="text/javascript" th:if="${not #strings.isEmpty(theme.config.custom.code_js)}"
th:utext="${theme.config.custom.code_js}">
</script>
</script>
<th:block th:if="${not #strings.isEmpty(theme.config.custom.footer_html)}"
th:utext="${theme.config.custom.footer_html}"> </th:block>
templates/modules/head.html
+16 -11
View File
@@ -1,4 +1,4 @@
<th:block th:fragment="head" th:with="customJsVersion=${'1.2.5-2'}">
<th:block th:fragment="head" th:with="customJsVersion=${'1.2.5-3'}">
<th:block th:replace="~{'modules/variables/msg'}" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
@@ -44,16 +44,21 @@
</div>
<script>
const card=document.getElementById('lineCard'),heading=document.getElementById('cardHeading'),para=document.getElementById('cardPara'),switchBtn=document.getElementById('switchBtn'),cancelBtn=document.getElementById('cancelBtn');
const showCard=()=>{card.style.display='block';setTimeout(()=>{card.style.opacity='1';card.style.transform='translateY(0)';},10)};
const hideCard=()=>{card.style.opacity='0';card.style.transform='translateY(20px)';setTimeout(()=>{card.style.display='none'},300)};
const handleSwitch=(baseUrl)=>{switchBtn.classList.add('loading');switchBtn.textContent='切换中';switchBtn.disabled=true;const currentScrollTop=window.scrollY||document.documentElement.scrollTop;document.cookie=`scrollParam=${currentScrollTop}; path=/; domain=anian.cc`;let finalUrl=baseUrl+location.pathname+location.search+location.hash;setTimeout(()=>location.href=finalUrl,500)};
let isResourceLoaded=false,pageLoadTimeoutTimer=null,isLoadTimeoutAborted=false;
const currentHost=location.hostname,isMainDomain=currentHost.includes('anian.cc')&&!currentHost.includes('www.anian.cc');
cancelBtn.addEventListener('click',hideCard);
const scrollTop = document.cookie.split('; ').find(c => c.startsWith('scrollParam='))?.split('=')[1] ? decodeURIComponent(document.cookie.split('; ').find(c => c.startsWith('scrollParam='))?.split('=')[1]) : null;
if(!isMainDomain && !scrollTop && !isNaN(scrollTop)){heading.textContent='温馨提示';para.textContent='当前为备用线路，若主线路正常，请优先选择主线路';switchBtn.textContent='切换主线路';switchBtn.onclick=()=>handleSwitch('https://anian.cc');showCard();}
if(isMainDomain){pageLoadTimeoutTimer=setTimeout(()=>{if(!isResourceLoaded){isLoadTimeoutAborted=true;heading.textContent='线路异常';para.textContent='当前线路拥塞，若本地网络正常，可尝试切换至备用线路';switchBtn.textContent='切换副线路';switchBtn.onclick=()=>handleSwitch('https://www.anian.cc');showCard();}},15000);window.onload=()=>{isResourceLoaded=true;clearTimeout(pageLoadTimeoutTimer);if(isLoadTimeoutAborted)return;const xhr=new XMLHttpRequest();xhr.open('GET',`/upload/%E4%B8%8B%E8%BD%BD%20(9).mp4?_t=${Date.now()}`,true);let t=setTimeout(()=>{xhr.abort();heading.textContent='线路异常';para.textContent='当前线路拥塞，若本地网络正常，可尝试切换至备用线路';switchBtn.textContent='切换副线路';switchBtn.onclick=()=>handleSwitch('https://www.anian.cc');showCard()},7500);xhr.onload=xhr.onerror=xhr.onabort=()=>clearTimeout(t);xhr.send();}}
(function () {
const lineCardEl = document.getElementById('lineCard'), cardHeadingEl = document.getElementById('cardHeading'), cardParaEl = document.getElementById('cardPara'), switchLineBtn = document.getElementById('switchBtn'), cancelLineBtn = document.getElementById('cancelBtn');
const getCookie = (name) => document.cookie.split('; ').find(row => row.startsWith(`${name}=`))?.split('=')[1];
const setSessionCookie = (name, value, domain = 'anian.cc') => document.cookie = `${name}=${value}; path=/; domain=${domain}; SameSite=Lax`;
const showLineCard = () => { lineCardEl.style.display = 'block'; setTimeout(() => { lineCardEl.style.opacity = '1'; lineCardEl.style.transform = 'translateY(0)'; }, 10) };
const hideLineCard = (setNoPrompt = false, setNoSpeedTest = false) => { lineCardEl.style.opacity = '0'; lineCardEl.style.transform = 'translateY(20px)'; setTimeout(() => { lineCardEl.style.display = 'none'; if (setNoPrompt) setSessionCookie('noPrompt_anian_cc', 'true'); if (setNoSpeedTest) setSessionCookie('noSpeedTest_anian_cc', 'true'); }, 300) };
const handleLineSwitch = (baseUrl) => { switchLineBtn.classList.add('loading'); switchLineBtn.textContent = '切换中'; switchLineBtn.disabled = true; const currentScrollTop = window.scrollY || document.documentElement.scrollTop; document.cookie = `scrollParam=${currentScrollTop}; path=/; domain=anian.cc`; let finalUrl = baseUrl + location.pathname + location.search + location.hash; setTimeout(() => location.href = finalUrl, 500) };
let isResourceLoaded = false, pageLoadTimeoutTimer = null, isLoadTimeoutAborted = false;
const currentHost = location.hostname, isMainDomain = currentHost === 'anian.cc', isSubDomain = currentHost === 'www.anian.cc', isTestDomain = !isMainDomain && !isSubDomain;
const scrollParam = getCookie('scrollParam'), noPromptCookie = getCookie('noPrompt_anian_cc'), noSpeedTestCookie = getCookie('noSpeedTest_anian_cc');
cancelLineBtn.addEventListener('click', () => { hideLineCard(!isMainDomain, isMainDomain); });
if (isSubDomain) { if (!scrollParam && !noPromptCookie) { cardHeadingEl.textContent = '温馨提示'; cardParaEl.textContent = '当前为备用线路，若主线路正常，请优先选择主线路'; switchLineBtn.textContent = '切换主线路'; switchLineBtn.onclick = () => handleLineSwitch('https://anian.cc'); showLineCard(); } }
if (isMainDomain) { if (!noSpeedTestCookie) { pageLoadTimeoutTimer = setTimeout(() => { if (!isResourceLoaded) { isLoadTimeoutAborted = true; cardHeadingEl.textContent = '线路异常'; cardParaEl.textContent = '当前线路拥塞，若本地网络正常，可尝试切换至备用线路'; switchLineBtn.textContent = '切换副线路'; switchLineBtn.onclick = () => handleLineSwitch('https://www.anian.cc'); showLineCard(); } }, 15000); window.onload = () => { isResourceLoaded = true; clearTimeout(pageLoadTimeoutTimer); if (isLoadTimeoutAborted) return; const xhr = new XMLHttpRequest(); xhr.open('GET', `/upload/%E4%B8%8B%E8%BD%BD%20(9).mp4?_t=${Date.now()}`, true); let t = setTimeout(() => { xhr.abort(); cardHeadingEl.textContent = '线路异常'; cardParaEl.textContent = '当前线路拥塞，若本地网络正常，可尝试切换至备用线路'; switchLineBtn.textContent = '切换副线路'; switchLineBtn.onclick = () => handleLineSwitch('https://www.anian.cc'); showLineCard() }, 7500); xhr.onload = xhr.onerror = xhr.onabort = () => clearTimeout(t); xhr.send(); } } }
if (isTestDomain) { if (!noPromptCookie) { cardHeadingEl.textContent = '线路警告'; cardParaEl.textContent = '当前为测试线路，若非开发所需，请优先选择主线路'; switchLineBtn.textContent = '切换主线路'; switchLineBtn.onclick = () => handleLineSwitch('https://anian.cc'); showLineCard(); } }
})();
</script>
<link rel="stylesheet" id="wp-block-library-css" th:href="@{/assets/css/style.min.css(v=${customJsVersion})}" media="all">
templates/modules/header.html
+109 -2
View File
@@ -20,7 +20,7 @@
</header><!-- #masthead -->
<div class="index_banner">
<!-- <div class="index_banner">
<div class="bg bg1"></div>
<div class="bg bg2"></div>
<div class="user_info">
@@ -32,4 +32,111 @@
<div class="avatar"><img th:src="${theme.config.base_set.default_avatar}"></div>
</div>
</div>
</div>
</div> -->
<div class="index_banner" id="banner" uk-img="loading: eager">
<div class="user_info">
<div class="top">
<div class="left">
<div class="name">[[${theme.config.base_set.nice_name}]]</div>
<div class="des">[[${theme.config.base_set.admin_des}]]</div>
</div>
<div class="avatar"><img th:src="${theme.config.base_set.default_avatar}"></div>
</div>
</div>
</div>
<script>
// --------------------------
// 配置区域（请替换为实际图片地址）
// --------------------------
const BANNER_CONFIG = {
seasonal: {
'春季': '/upload/dingbu-chun.png', // 春季 Banner
'夏季': '/upload/dingbu-xia.png', // 夏季 Banner
'秋季': '/upload/dingbu-qiu.png', // 秋季 Banner
'冬季': '/upload/dingbu-dong.png' // 冬季 Banner
},
fallback: '/upload/dingbu-siji.png' // 兜底图
};
// --------------------------
// 原有 Cookie 工具函数（保持不变）
// --------------------------
function anian_setDailyCookie(name, value) {
const now = new Date();
const china = new Date(now.getTime() + 8 * 3600 * 1000);
const expires = new Date(Date.UTC(china.getUTCFullYear(), china.getUTCMonth(), china.getUTCDate(), 15, 59, 59));
document.cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value)}; expires=${expires.toUTCString()}; path=/; domain=anian.cc`;
}
function anian_getCookie(name) {
const nameEQ = encodeURIComponent(name) + '=';
const ca = document.cookie.split(';');
for (let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) === ' ') c = c.substring(1);
if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length));
}
return null;
}
// --------------------------
// 新增：Banner 图片切换逻辑
// --------------------------
function setBanner(lunarInfo) {
const banner = document.getElementById('banner');
if (!banner) return;
// 根据季节选图，无匹配则用兜底
const season = lunarInfo?.jijie;
const imgUrl = BANNER_CONFIG.seasonal[season] || BANNER_CONFIG.fallback;
// 可以根据日期、节日覆盖imgUrl
// 设置图片并触发 UIkit 加载
banner.setAttribute('data-src', imgUrl);
window.UIkit && UIkit.update(banner);
}
// --------------------------
// 初始化逻辑（优化版）
// --------------------------
(function() {
const apiUrl = 'https://cn.apihz.cn/api/time/getday.php?id=10011724&key=0bdd2d8b3d97c0d476c98a41f108a96f';
const cookieName = 'anian_lunar_info';
// 1. 优先尝试从 Cookie 读取
const cached = anian_getCookie(cookieName);
if (cached) {
try {
setBanner(JSON.parse(cached));
return; // 有缓存直接结束
} catch (e) {}
}
// 2. 无缓存则请求 API
fetch(apiUrl)
.then(res => res.json())
.then(data => {
if (data.code !== 200) throw new Error('API Error');
// 组装农历信息（保留原有逻辑）
const lunarInfo = {
ganzhiYear: data.ganzhinian || '',
lunarMonth: data.nyue || '',
lunarDay: data.nri || '',
jieqi: (data.JIEQICN || '').includes('第1天') ? data.jieqi : '',
jijie: data.jijie || '',
traditionalFestival: data.YIFESTIVAL || ''
};
// 存 Cookie 并设置 Banner
anian_setDailyCookie(cookieName, JSON.stringify(lunarInfo));
setBanner(lunarInfo);
})
.catch(() => {
// 3. 失败兜底：显示默认图
setBanner(null);
});
})();
</script>
templates/modules/header/header-search.html
+10 -6
View File
@@ -5,9 +5,8 @@
<div class="top_menu_box"
uk-dropdown="mode: click;flip: false;offset: 12;toggle:.top_nav_btn;animation:uk-animation-slide-top-small;animate-out:uk-animation-slide-top-small;delay-hide:5000;boundary: .top_bar;stretch: x;">
<div class="inner"
th:with="topMenu = ${#strings.isEmpty(theme.config.base_top_set.top_nav) ? menuFinder.getPrimary() : menuFinder.getByName(theme.config.base_top_set.top_nav)}">
<div class="menu-top-container"
th:if="${not #lists.isEmpty(topMenu)}">
th:with="topMenu = ${#strings.isEmpty(theme.config.base_top_set.top_nav) ? menuFinder.getPrimary() : menuFinder.getByName(theme.config.base_top_set.top_nav)}">
<div class="menu-top-container" th:if="${not #lists.isEmpty(topMenu)}">
<ul id="top_menu" class="menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page"
th:each="menuItem : ${topMenu.menuItems}">
@@ -23,7 +22,7 @@
</div>
</div>
<div class="m_top_nav top_tool is_mobile">
<!-- <div class="m_top_nav top_tool is_mobile">
<a class="top_nav_btn" uk-toggle="target: #m_offcanvas"><i class="ri-menu-2-line"></i></a>
<div id="m_offcanvas" class="m_offcanvas uk-animation-fast"
uk-offcanvas="overlay: true;mode: push;container:.main_wrap">
@@ -85,8 +84,7 @@
<div th:unless="${not #lists.isEmpty(topMenu)}" class="nav_tips">请前往后台设置左侧菜单/移动端菜单</div>
</div>
</div>
</div>
</div> -->
<!-- 搜索区域 -->
<div class="search_mod">
@@ -94,4 +92,10 @@
<a onclick="SearchWidget.open()"><i class="ri-search-line s_toogle_btn"></i></a>
</div>
</div>
<!-- 回到顶部 -->
<div class="is_mobile">
<a class="tool_top" href="#page" uk-scroll="" data-pjax-state="">
<i class="ri-skip-up-line"></i></a>
</div>
</div>
templates/modules/header/header-tool.html
+4 -4
View File
@@ -16,7 +16,7 @@
<div class="user_pannel round12" uk-dropdown="mode: click;toggle:#top_ava;pos:bottom-right;animation:uk-animation-slide-top-small">
<div class="inner">
<a href="/console" target="_blank" pjax="exclude"><i class="ri-function-line"></i>管理面板</a>
<a class="logout" href="/logout"><i class="ri-logout-circle-r-line"></i>退出登录</a>
<a class="logout" href="javascript:void(0);" onclick="showPixarCard()"><i class="ri-logout-circle-r-line"></i>退出登录</a>
</div>
</div>
@@ -24,7 +24,7 @@
</th:block>
<div sec:authorize="isAnonymous()" class="top_tool">
<a th:if="${theme.config.base_set.login_button}" onclick="loginUrl()"><i class="ri-user-3-line"></i></a>
<a th:if="${theme.config.base_set.login_button}" onclick="open_login_box()"><i class="ri-user-3-line"></i></a>
</div>
</div>
@@ -47,7 +47,7 @@
<div class="user_pannel round12" uk-dropdown="mode: click;toggle:#top_ava2;pos:bottom-right;animation:uk-animation-slide-top-small">
<div class="inner">
<a href="/console" target="_blank" pjax="exclude"><i class="ri-function-line"></i>管理面板</a>
<a class="logout" href="/logout"><i class="ri-logout-circle-r-line"></i>退出登录</a>
<a class="logout" href="javascript:void(0);" onclick="showPixarCard()"><i class="ri-logout-circle-r-line"></i>退出登录</a>
</div>
</div>
@@ -55,7 +55,7 @@
</th:block>
<div sec:authorize="isAnonymous()" class="top_tool">
<a th:if="${theme.config.base_set.login_button}" onclick="loginUrl()"><i class="ri-user-3-line"></i></a>
<a th:if="${theme.config.base_set.login_button}" onclick="open_login_box()"><i class="ri-user-3-line"></i></a>
</div>
</div>
templates/modules/topic-push.html
+1 -1
View File
@@ -124,7 +124,7 @@
<div class="form_footer">
<div class="admin_tool">
<a href="/console" target="_blank"><i class="ri-function-line"></i> 管理</a>
<a class="logout" href="/logout"><i class="ri-logout-circle-r-line"></i> 登出</a>
<a class="logout" href="javascript:void(0);" onclick="showPixarCard()"><i class="ri-logout-circle-r-line"></i> 登出</a>
</div>
<div class="moment_sure">
<button class="uk-modal-close push_close">取消</button>
templates/tag.html
+1 -1
View File
@@ -33,7 +33,7 @@
</th:block>
</div>
<div th:if="${posts.hasNext}" class="arc_pagenav">
<div th:if="${posts.hasNext}" class="arc_pagenav post-paging">
<a th:data="@{${posts.nextUrl}}" th:text="${theme.config.base_set.site_page}"></a>
</div>