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

2026-03-15 18:05:44 +08:00
parent b387ea885c
commit e716097e07
19 changed files with 2632 additions and 1633 deletions
@@ -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>