新增朋友圈作者筛选；新增前台登入登出；深度优化
This commit is contained in:
anian
@@ -2,6 +2,12 @@
|
||||
|
||||
> 基于原作者v1.2.5代码修改
|
||||
|
||||
#### v1.2.5-3
|
||||
1. 朋友圈支持根据作者筛选内容（需同步更新插件）
|
||||
2. 支持前台弹窗登入登出
|
||||
2. 附录页面功能补全
|
||||
3. 对线路切换、加载异常等情况进行了深度优化
|
||||
|
||||
#### v1.2.5-2
|
||||
1. 添加侧边栏、页面、文章等HTML内容块
|
||||
2. 通知书推送时机改为RSS触发
|
||||
|
||||
+183
-215
@@ -1,119 +1,23 @@
|
||||
<div
|
||||
style="max-width: 1200px; margin: 20px auto; padding: 0 15px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
|
||||
<!-- 链接卡片容器 - 桌面4列，平板/手机2列 -->
|
||||
<div class="link-container" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;">
|
||||
<!-- 媒体查询：桌面端（≥768px）显示4列 -->
|
||||
<style>
|
||||
/* 基础布局样式 */
|
||||
@media (min-width: 768px) {
|
||||
.link-container {
|
||||
grid-template-columns: repeat(4, 1fr) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ri-icon {
|
||||
color: white !important;
|
||||
fill: white !important;
|
||||
}
|
||||
|
||||
.link-container>a {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
height: 100% !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.link-container>a>div {
|
||||
flex: 1 !important;
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
justify-content: center !important;
|
||||
border-radius: 12px !important;
|
||||
padding: 25px 15px !important;
|
||||
text-align: center !important;
|
||||
position: relative !important;
|
||||
overflow: hidden !important;
|
||||
transition: all 0.3s ease !important;
|
||||
/* 基础边框：无!important，靠类优先级控制 */
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
|
||||
/* ========== CSS优先级顺序：默认 → 未读基础 → hover → 未读hover ========== */
|
||||
/* 1. 通用默认样式（初始无黑框） */
|
||||
.link-card-default {
|
||||
background: #f0f7f4 !important;
|
||||
transform: translateY(0) !important;
|
||||
box-shadow: none !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
/* 2. 公告未读基础样式（红色调，优先级高于默认） */
|
||||
.notice-unread {
|
||||
background: #fff5f5 !important;
|
||||
/* 浅红背景 */
|
||||
}
|
||||
|
||||
.notice-unread .notice-icon-bg {
|
||||
background: #e53e3e !important;
|
||||
/* 红色图标背景 */
|
||||
}
|
||||
|
||||
.notice-unread .notice-title {
|
||||
color: #c53030 !important;
|
||||
/* 深红标题 */
|
||||
}
|
||||
|
||||
.notice-unread .notice-desc {
|
||||
color: #e53e3e !important;
|
||||
/* 红色描述 */
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
|
||||
/* 3. 通用hover样式（绿色边框，必显） */
|
||||
.link-card-hover {
|
||||
transform: translateY(-5px) !important;
|
||||
box-shadow: 0 10px 20px rgba(72, 187, 120, 0.15) !important;
|
||||
border: 2px solid #74c69d !important;
|
||||
/* 绿色边框 */
|
||||
}
|
||||
|
||||
/* 4. 公告未读hover样式（红色边框，优先级最高） */
|
||||
.notice-unread-hover {
|
||||
transform: translateY(-5px) !important;
|
||||
box-shadow: 0 10px 20px rgba(229, 62, 62, 0.15) !important;
|
||||
border: 2px solid #fc8181 !important;
|
||||
/* 红色边框 */
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- 公告模块 -->
|
||||
<a href="/notice">
|
||||
<div id="my-links-widget" style="max-width: 1200px; margin: 20px auto; padding: 0 15px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
|
||||
<div id="link-container" class="link-container" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;">
|
||||
<a href="/notice" target="_self" data-is-notice="true">
|
||||
<div id="notice-card" class="link-card-default">
|
||||
<div
|
||||
style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;">
|
||||
</div>
|
||||
<div class="decor-circle" style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;"></div>
|
||||
<div style="position: relative; z-index: 1;">
|
||||
<div class="notice-icon-bg"
|
||||
style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<div class="icon-box" style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="ri-megaphone-line ri-icon" style="font-size: 30px;"></i>
|
||||
</div>
|
||||
<h4 id="notice-title" class="notice-title"
|
||||
style="color: #2d6a4f; margin: 0 0 5px; font-size: 18px; font-weight: 500;">通知书</h4>
|
||||
<p id="notice-desc" class="notice-desc"
|
||||
style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">最新通知与提醒</p>
|
||||
<h4 class="notice-title" style="color: #2d6a4f; margin: 0 0 5px; font-size: 18px; font-weight: 500;">通知书</h4>
|
||||
<p class="notice-desc" style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">最新通知与提醒</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- 告知信链接 -->
|
||||
<a href="/about">
|
||||
<a href="/about" target="_self">
|
||||
<div class="link-card-default">
|
||||
<div
|
||||
style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;">
|
||||
</div>
|
||||
<div class="decor-circle" style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;"></div>
|
||||
<div style="position: relative; z-index: 1;">
|
||||
<div
|
||||
style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<div style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="ri-mail-line ri-icon" style="font-size: 30px;"></i>
|
||||
</div>
|
||||
<h4 style="color: #2d6a4f; margin: 0 0 5px; font-size: 18px; font-weight: 500;">告知信</h4>
|
||||
@@ -122,160 +26,224 @@
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- 通讯录链接 -->
|
||||
<a href="/address">
|
||||
<a href="/content" target="_self">
|
||||
<div class="link-card-default">
|
||||
<div
|
||||
style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;">
|
||||
</div>
|
||||
<div class="decor-circle" style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;"></div>
|
||||
<div style="position: relative; z-index: 1;">
|
||||
<div
|
||||
style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<div style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="ri-plant-line ri-icon" style="font-size: 30px;"></i>
|
||||
</div>
|
||||
<h4 style="color: #2d6a4f; margin: 0 0 5px; font-size: 18px; font-weight: 500;">自命题</h4>
|
||||
<p style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">不同的分类与标签</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/photos" target="_self">
|
||||
<div class="link-card-default">
|
||||
<div class="decor-circle" style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;"></div>
|
||||
<div style="position: relative; z-index: 1;">
|
||||
<div style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="ri-folder-image-line ri-icon" style="font-size: 30px;"></i>
|
||||
</div>
|
||||
<h4 style="color: #2d6a4f; margin: 0 0 5px; font-size: 18px; font-weight: 500;">小插曲</h4>
|
||||
<p style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">值得的图片与视频</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/address" target="_self">
|
||||
<div class="link-card-default">
|
||||
<div class="decor-circle" style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;"></div>
|
||||
<div style="position: relative; z-index: 1;">
|
||||
<div style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="ri-contacts-line ri-icon" style="font-size: 30px;"></i>
|
||||
</div>
|
||||
<h4 style="color: #2d6a4f; margin: 0 0 5px; font-size: 18px; font-weight: 500;">通讯录</h4>
|
||||
<p style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">一些很喜欢的人物</p>
|
||||
<p style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">猜猜看会有谁呢</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- 朋友圈链接 -->
|
||||
<a href="/friends">
|
||||
<a href="/friends" target="_self">
|
||||
<div class="link-card-default">
|
||||
<div
|
||||
style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;">
|
||||
</div>
|
||||
<div class="decor-circle" style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;"></div>
|
||||
<div style="position: relative; z-index: 1;">
|
||||
<div
|
||||
style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<div style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="ri-message-3-line ri-icon" style="font-size: 30px;"></i>
|
||||
</div>
|
||||
<h4 style="color: #2d6a4f; margin: 0 0 5px; font-size: 18px; font-weight: 500;">朋友圈</h4>
|
||||
<p style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">一些有意思的内容</p>
|
||||
<p style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">大家都在干什么</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/store" target="_self">
|
||||
<div class="link-card-default">
|
||||
<div class="decor-circle" style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;"></div>
|
||||
<div style="position: relative; z-index: 1;">
|
||||
<div style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="ri-building-4-line ri-icon" style="font-size: 30px;"></i>
|
||||
</div>
|
||||
<h4 style="color: #2d6a4f; margin: 0 0 5px; font-size: 18px; font-weight: 500;">储物柜</h4>
|
||||
<p style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">左边翻翻右边找找</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/qiyu" target="_self">
|
||||
<div class="link-card-default">
|
||||
<div class="decor-circle" style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;"></div>
|
||||
<div style="position: relative; z-index: 1;">
|
||||
<div style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="ri-book-3-line ri-icon" style="font-size: 30px;"></i>
|
||||
</div>
|
||||
<h4 style="color: #2d6a4f; margin: 0 0 5px; font-size: 18px; font-weight: 500;">奇遇书</h4>
|
||||
<p style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">每天都值得记录</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/news-2026" target="_self">
|
||||
<div class="link-card-default">
|
||||
<div class="decor-circle" style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;"></div>
|
||||
<div style="position: relative; z-index: 1;">
|
||||
<div style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="ri-file-list-3-line ri-icon" style="font-size: 30px;"></i>
|
||||
</div>
|
||||
<h4 style="color: #2d6a4f; margin: 0 0 5px; font-size: 18px; font-weight: 500;">每日报</h4>
|
||||
<p style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">运筹帷幄之中</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="https://git.anian.cc/explore/repos" target="_blank">
|
||||
<div class="link-card-default">
|
||||
<div class="decor-circle" style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;"></div>
|
||||
<div style="position: relative; z-index: 1;">
|
||||
<div style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="ri-git-pull-request-line ri-icon" style="font-size: 30px;"></i>
|
||||
</div>
|
||||
<h4 style="color: #2d6a4f; margin: 0 0 5px; font-size: 18px; font-weight: 500;">代码库</h4>
|
||||
<p style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">如何实现的呢</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="#" target="_self">
|
||||
<div class="link-card-default">
|
||||
<div class="decor-circle" style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;"></div>
|
||||
<div style="position: relative; z-index: 1;">
|
||||
<div style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="ri-door-open-line ri-icon" style="font-size: 30px;"></i>
|
||||
</div>
|
||||
<h4 style="color: #2d6a4f; margin: 0 0 5px; font-size: 18px; font-weight: 500;">课外书</h4>
|
||||
<p style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">敬请期待</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="#" target="_self">
|
||||
<div class="link-card-default">
|
||||
<div class="decor-circle" style="position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #d8f3dc; border-radius: 50%; opacity: 0.3; transition: all 0.5s ease;"></div>
|
||||
<div style="position: relative; z-index: 1;">
|
||||
<div style="width: 60px; height: 60px; background: #40916c; border-radius: 10px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="ri-git-repository-line ri-icon" style="font-size: 30px;"></i>
|
||||
</div>
|
||||
<h4 style="color: #2d6a4f; margin: 0 0 5px; font-size: 18px; font-weight: 500;">笔记本</h4>
|
||||
<p style="color: #36A28E; font-size: 13px; margin: 0; opacity: 0.8;">敬请期待</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 兼容PJAX的脚本（核心：保留未读类，仅重置hover/默认类） -->
|
||||
<script>
|
||||
|
||||
// 2. 公告状态初始化（保留未读类）
|
||||
async function initNoticeStatus() {
|
||||
const combinedDateStr = await getAllLatestNoticeDatesFromRSS();
|
||||
const noticeCard = document.getElementById('notice-card');
|
||||
const noticeTitle = document.getElementById('notice-title');
|
||||
const noticeDesc = document.getElementById('notice-desc');
|
||||
if (!noticeCard || !noticeTitle || !noticeDesc) return;
|
||||
|
||||
if (!combinedDateStr) {
|
||||
console.warn('获取最新版本失败');
|
||||
return;
|
||||
<style>
|
||||
@media (max-width: 767px) {
|
||||
#my-links-widget { margin-top: 40px !important; }
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.link-container { grid-template-columns: repeat(4, 1fr) !important; }
|
||||
}
|
||||
.ri-icon { color: white !important; fill: white !important; }
|
||||
.link-container>a { display: flex !important; flex-direction: column !important; height: 100% !important; text-decoration: none !important; }
|
||||
.link-container>a>div { flex: 1 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; border-radius: 12px !important; padding: 25px 15px !important; text-align: center !important; position: relative !important; overflow: hidden !important; transition: all 0.3s ease !important; border: 2px solid #e2e8f0; }
|
||||
.link-card-default { background: #f0f7f4 !important; }
|
||||
|
||||
// 保存未读状态标记（避免重置类时丢失）
|
||||
const isUnreadBefore = noticeCard.classList.contains('notice-unread');
|
||||
.notice-unread {
|
||||
background: #fffbeb !important;
|
||||
border-color: #fce788 !important;
|
||||
}
|
||||
.notice-unread .icon-box { background: #d69e2e !important; }
|
||||
.notice-unread .notice-title { color: #b7791f !important; }
|
||||
.notice-unread .notice-desc { color: #d69e2e !important; font-weight: 500 !important; }
|
||||
|
||||
// 重置基础样式（保留未读类）
|
||||
noticeCard.classList.remove('link-card-hover', 'notice-unread-hover');
|
||||
noticeCard.classList.add('link-card-default');
|
||||
noticeTitle.textContent = '通知书';
|
||||
noticeDesc.textContent = '最新通知与提醒';
|
||||
const decorCircle = noticeCard.querySelector('div[style*="position: absolute; top: -20px"]');
|
||||
decorCircle && (decorCircle.style.background = '#d8f3dc');
|
||||
.link-card-hover { transform: translateY(-5px) !important; box-shadow: 0 10px 20px rgba(72, 187, 120, 0.15) !important; border-color: #74c69d !important; }
|
||||
.notice-unread-hover { transform: translateY(-5px) !important; box-shadow: 0 10px 20px rgba(214, 158, 46, 0.15) !important; border-color: #ecc94b !important; }
|
||||
</style>
|
||||
|
||||
// 判断未读状态（重新应用未读类）
|
||||
const local_notice = getCookie('latest_notice_date');
|
||||
const isUnread = !local_notice || local_notice !== combinedDateStr;
|
||||
<script>
|
||||
(function() {
|
||||
const widget = document.getElementById('my-links-widget');
|
||||
if (!widget) return;
|
||||
|
||||
async function initNoticeStatus() {
|
||||
const noticeCard = document.getElementById('notice-card');
|
||||
if (!noticeCard || typeof getAllLatestNoticeDatesFromRSS !== 'function') return;
|
||||
|
||||
const combinedDateStr = await getAllLatestNoticeDatesFromRSS();
|
||||
const decorCircle = noticeCard.querySelector('.decor-circle');
|
||||
|
||||
const isUnread = combinedDateStr && (!getCookie('latest_notice_date') || getCookie('latest_notice_date') !== combinedDateStr);
|
||||
|
||||
if (isUnread) {
|
||||
initNoticeTip();
|
||||
noticeTitle.textContent = `通知书`;
|
||||
noticeDesc.textContent = `有新通知待查看`;
|
||||
noticeCard.classList.add('notice-unread'); // 重新添加未读类
|
||||
decorCircle && (decorCircle.style.background = '#fed7d7');
|
||||
typeof initNoticeTip === 'function' && initNoticeTip();
|
||||
noticeCard.querySelector('.notice-title').textContent = `通知书`;
|
||||
noticeCard.querySelector('.notice-desc').textContent = `有新通知待查看`;
|
||||
noticeCard.classList.add('notice-unread');
|
||||
if(decorCircle) decorCircle.style.background = '#fef3c7';
|
||||
|
||||
// 绑定点击标记已读
|
||||
const noticeLink = noticeCard.closest('a');
|
||||
noticeLink.removeEventListener('click', markNoticeRead);
|
||||
noticeLink.addEventListener('click', markNoticeRead);
|
||||
|
||||
function markNoticeRead() {
|
||||
setLongCookie('latest_notice_date', combinedDateStr);
|
||||
markAsRead(combinedDateStr);
|
||||
// 标记已读：移除未读类，恢复默认
|
||||
noticeTitle.textContent = '通知书';
|
||||
noticeDesc.textContent = '最新通知与提醒';
|
||||
noticeCard.classList.remove('notice-unread');
|
||||
noticeCard.classList.add('link-card-default');
|
||||
decorCircle && (decorCircle.style.background = '#d8f3dc');
|
||||
}
|
||||
} else if (isUnreadBefore) {
|
||||
// 已读：移除未读类
|
||||
noticeCard.classList.remove('notice-unread');
|
||||
noticeLink.onclick = function() {
|
||||
$.cookie('latest_notice_date', combinedDateStr, { path: '/', domain: 'anian.cc', expires: 365 });
|
||||
typeof markAsRead === 'function' && markAsRead(combinedDateStr);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// 3. Hover事件绑定（核心：不删除notice-unread类）
|
||||
function initCardHover() {
|
||||
// 移除所有旧事件
|
||||
document.querySelectorAll('.link-container > a').forEach(card => {
|
||||
card.removeEventListener('mouseenter', handleMouseEnter);
|
||||
card.removeEventListener('mouseleave', handleMouseLeave);
|
||||
});
|
||||
const cardDiv = card.querySelector('div');
|
||||
const decorCircle = cardDiv.querySelector('.decor-circle');
|
||||
|
||||
// 重置hover样式（保留未读类）
|
||||
document.querySelectorAll('.link-container > a > div').forEach(cardDiv => {
|
||||
cardDiv.classList.remove('link-card-hover', 'notice-unread-hover');
|
||||
if (!cardDiv.classList.contains('link-card-default')) {
|
||||
cardDiv.classList.add('link-card-default');
|
||||
}
|
||||
});
|
||||
|
||||
// 重新绑定hover事件
|
||||
document.querySelectorAll('.link-container > a').forEach(card => {
|
||||
card.addEventListener('mouseenter', handleMouseEnter);
|
||||
card.addEventListener('mouseleave', handleMouseLeave);
|
||||
});
|
||||
|
||||
// Hover处理函数（仅切换hover类，保留未读/默认类）
|
||||
function handleMouseEnter() {
|
||||
const cardDiv = this.querySelector('div');
|
||||
const decorCircle = cardDiv.querySelector('div[style*="position: absolute; top: -20px"]');
|
||||
|
||||
// 移除默认hover，添加对应hover类
|
||||
cardDiv.classList.remove('link-card-default');
|
||||
if (cardDiv.id === 'notice-card' && cardDiv.classList.contains('notice-unread')) {
|
||||
cardDiv.classList.add('notice-unread-hover'); // 未读→红色hover
|
||||
card.onmouseenter = () => {
|
||||
if (cardDiv.classList.contains('notice-unread')) {
|
||||
cardDiv.classList.add('notice-unread-hover');
|
||||
} else {
|
||||
cardDiv.classList.add('link-card-hover'); // 其他→绿色hover
|
||||
}
|
||||
decorCircle && (decorCircle.style.transform = 'scale(1.5)');
|
||||
cardDiv.classList.add('link-card-hover');
|
||||
}
|
||||
if(decorCircle) decorCircle.style.transform = 'scale(1.5)';
|
||||
};
|
||||
|
||||
function handleMouseLeave() {
|
||||
const cardDiv = this.querySelector('div');
|
||||
const decorCircle = cardDiv.querySelector('div[style*="position: absolute; top: -20px"]');
|
||||
|
||||
// 移除hover类，恢复默认类（保留未读类）
|
||||
card.onmouseleave = () => {
|
||||
cardDiv.classList.remove('link-card-hover', 'notice-unread-hover');
|
||||
cardDiv.classList.add('link-card-default');
|
||||
decorCircle && (decorCircle.style.transform = 'scale(1)');
|
||||
}
|
||||
if(decorCircle) decorCircle.style.transform = 'scale(1)';
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
// 4. 统一初始化入口
|
||||
function initAll() {
|
||||
initNoticeStatus();
|
||||
if (!document.getElementById('my-links-widget')) return;
|
||||
initCardHover();
|
||||
initNoticeStatus();
|
||||
}
|
||||
|
||||
// 5. 绑定加载事件（初始+PJAX）
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener("DOMContentLoaded", initAll);
|
||||
document.addEventListener("pjax:complete", initAll);
|
||||
window.jQuery && jQuery(document).on('pjax:complete', initAll);
|
||||
} else {
|
||||
initAll();
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
</div>
|
||||
@@ -236,7 +236,6 @@
|
||||
// 检查是否有解析错误
|
||||
const parseError = xmlDoc.getElementsByTagName("parsererror");
|
||||
if (parseError.length > 0) {
|
||||
console.error("[RSS Debug] XML 解析失败", parseError[0].textContent);
|
||||
listBox.innerHTML = '<div style="color:#f56c6c;">XML 解析错误</div>';
|
||||
return;
|
||||
}
|
||||
@@ -265,7 +264,6 @@
|
||||
|
||||
listBox.innerHTML = htmlContent || '<div style="color:#999;">暂无更新内容</div>';
|
||||
} catch (error) {
|
||||
console.error('[RSS Debug] 请求发生异常:', error);
|
||||
listBox.innerHTML = `<div style="color:#f56c6c;font-size:14px;">请求失败: ${error.message}</div>`;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -17,10 +17,12 @@
|
||||
max-width: 75dvw !important;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
/* 片刻视频容器鼠标样式 */
|
||||
.fancybox.mo_img {
|
||||
cursor: zoom-in;
|
||||
}
|
||||
|
||||
/* 图库视频图标hover放大 */
|
||||
.video-fancybox .play-icon {
|
||||
transition: all 0.4s ease !important;
|
||||
@@ -30,7 +32,295 @@
|
||||
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;
|
||||
}
|
||||
+298
-103
File diff suppressed because it is too large
Load Diff
@@ -3,6 +3,7 @@
|
||||
* 合并了原 1440px 和 1920px 的通用样式，并应用了你指定的 mod_third 布局
|
||||
*/
|
||||
@media only screen and (min-width: 1366px) {
|
||||
|
||||
/* --- 你提供的统一布局样式 --- */
|
||||
body.mod_third .main_wrap,
|
||||
body.mod_third .go_top_box {
|
||||
@@ -13,23 +14,28 @@
|
||||
body.mod_third .left_nav {
|
||||
width: 21%;
|
||||
}
|
||||
|
||||
body.mod_third .main_sidebar {
|
||||
width: 21%;
|
||||
}
|
||||
|
||||
body.mod_third .page_main {
|
||||
width: 58%; /* 主内容区 */
|
||||
width: 58%;
|
||||
/* 主内容区 */
|
||||
}
|
||||
|
||||
/* 底部导航栏和背景音乐盒定位 */
|
||||
body.mod_third .footer_nav {
|
||||
max-width: 1108px;
|
||||
}
|
||||
|
||||
body.mod_third .bgm_box {
|
||||
margin-left: -75px;
|
||||
}
|
||||
|
||||
/* --- 桌面端通用的基础样式合并 (源自原1440/1920) --- */
|
||||
.footer_top, .footer_text {
|
||||
.footer_top,
|
||||
.footer_text {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -201,7 +210,8 @@
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.land_right .beian , .land_right .copyright {
|
||||
.land_right .beian,
|
||||
.land_right .copyright {
|
||||
color: #293563;
|
||||
}
|
||||
}
|
||||
@@ -211,7 +221,10 @@
|
||||
* 保持原样
|
||||
*/
|
||||
@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;
|
||||
}
|
||||
|
||||
@@ -267,7 +283,9 @@
|
||||
* 保持原样
|
||||
*/
|
||||
@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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
@@ -394,7 +428,8 @@
|
||||
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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -703,13 +750,16 @@
|
||||
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;
|
||||
|
||||
@@ -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();
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
+680
-594
File diff suppressed because it is too large
Load Diff
@@ -118,6 +118,7 @@ function pasued(){
|
||||
|
||||
// 音乐播放之后触发的函数
|
||||
function audioplay() {
|
||||
box_up = true;
|
||||
// 播放时
|
||||
updateMusicBtnColor('play');
|
||||
var mheight = $('.footer_nav_box').height();
|
||||
@@ -349,13 +350,16 @@ $(document).on('click','.m_play',function(){
|
||||
|
||||
//触发显示播放器
|
||||
var trigger;
|
||||
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');
|
||||
}
|
||||
|
||||
function mu_box_hide() {
|
||||
function mu_box_hide(time = 2000) {
|
||||
clearTimeout(trigger);
|
||||
trigger = setTimeout(function () {
|
||||
// 获取屏幕宽度判断是否为手机端（与歌词容器响应式逻辑保持一致）
|
||||
const isMobile = $(window).width() <= 767;
|
||||
@@ -366,7 +370,8 @@ function mu_box_hide() {
|
||||
$('.footer_nav_box').animate({
|
||||
top: hideTop
|
||||
}, 200, 'linear');
|
||||
}, 2000);
|
||||
box_up = false;
|
||||
}, time);
|
||||
}
|
||||
|
||||
$(document).on('mouseenter', '.player_hand , .footer_nav_box', function (event) {
|
||||
@@ -489,7 +494,8 @@ $(document).on('click','.s_play_btn',function(){
|
||||
|
||||
//播放器按钮
|
||||
$(document).on('click', 'a.bg_music', function () {
|
||||
mu_box_show();
|
||||
if (!box_up) mu_box_show();
|
||||
else mu_box_hide(0);
|
||||
});
|
||||
|
||||
$(function () {
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
+26
-3
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
</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">×</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>
|
||||
@@ -26,8 +89,9 @@
|
||||
<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>
|
||||
|
||||
|
||||
+15
-10
@@ -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)};
|
||||
(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.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();}}
|
||||
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">
|
||||
|
||||
@@ -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 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>
|
||||
@@ -6,8 +6,7 @@
|
||||
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)}">
|
||||
<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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
|
||||
+1
-1
@@ -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>
|
||||
|
||||
|
||||
+1
-1
@@ -17,7 +17,7 @@ spec:
|
||||
issues: "https://github.com/chengzhongxue/halo-theme-pix/issues"
|
||||
settingName: "theme-pix-setting"
|
||||
configMapName: "theme-pix-configMap"
|
||||
version: "1.2.5-2"
|
||||
version: "1.2.5-3"
|
||||
require: ">=2.20.0"
|
||||
customTemplates:
|
||||
page:
|
||||
|
||||
Reference in New Issue
Block a user