不知名提交

2025-12-13 20:53:50 +08:00
parent c147502b4d
commit 1221d6faf1
120 changed files with 11005 additions and 1092 deletions
--- a/InfoGenie-frontend/public/60sapi/娱乐消遣/随机答案之书/css/style.css
+++ b/InfoGenie-frontend/public/60sapi/娱乐消遣/随机答案之书/css/style.css
@@ -0,0 +1,163 @@
+/* 随机答案之书 - 淡绿色清新风格样式（与随机唱歌音频一致） */
+
+/* 重置样式 */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    background: linear-gradient(135deg, #a8e6cf 0%, #dcedc1 50%, #ffd3a5 100%);
+    min-height: 100vh;
+    color: #2d5016;
+    line-height: 1.6;
+    overflow-x: hidden;
+}
+
+.container {
+    max-width: 900px;
+    margin: 0 auto;
+    padding: 20px;
+}
+
+/* 头部 */
+.header {
+    text-align: center;
+    margin-bottom: 20px;
+    background: rgba(255, 255, 255, 0.85);
+    border-radius: 20px;
+    padding: 24px;
+    box-shadow: 0 8px 25px rgba(45, 80, 22, 0.08);
+    backdrop-filter: blur(10px);
+}
+
+.header h1 {
+    font-size: 2rem;
+    color: #2d5016;
+    margin-bottom: 10px;
+    font-weight: 700;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 12px;
+}
+
+.header p {
+    color: #5a7c65;
+    font-size: 1rem;
+}
+
+/* 按钮 */
+.btn {
+    background: linear-gradient(135deg, #81c784 0%, #66bb6a 100%);
+    color: white;
+    border: none;
+    padding: 10px 18px;
+    border-radius: 10px;
+    font-size: 0.95rem;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.25s ease;
+    box-shadow: 0 4px 12px rgba(129, 199, 132, 0.35);
+    text-decoration: none;
+}
+
+.btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 18px rgba(129, 199, 132, 0.45);
+}
+
+/* 加载与错误 */
+.loading, .error {
+    text-align: center;
+    padding: 30px;
+    background: rgba(255, 255, 255, 0.85);
+    border-radius: 15px;
+    box-shadow: 0 5px 20px rgba(45, 80, 22, 0.08);
+}
+
+.spinner {
+    width: 36px;
+    height: 36px;
+    border: 4px solid #e8f5e8;
+    border-top: 4px solid #81c784;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin: 0 auto 18px;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+/* 动画 */
+.fade-in {
+    animation: fadeIn 0.5s ease-in-out;
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; transform: translateY(10px); }
+    to { opacity: 1; transform: translateY(0); }
+}
+
+/* 答案卡片 */
+.answer-card {
+    background: rgba(255, 255, 255, 0.9);
+    padding: 16px;
+    border-radius: 15px;
+    box-shadow: 0 4px 18px rgba(45, 80, 22, 0.08);
+    margin-bottom: 15px;
+    text-align: center;
+}
+
+.answer-text {
+    font-size: 1.4rem;
+    font-weight: 700;
+    margin-bottom: 8px;
+    color: #1b5e20;
+    word-break: break-word;
+}
+
+.answer-en {
+    color: #5a7c65;
+    font-size: 1rem;
+    margin-bottom: 10px;
+}
+
+.meta {
+    color: #5a7c65;
+    font-size: 0.95rem;
+}
+
+.actions {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    justify-content: center;
+    margin-top: 12px;
+}
+
+/* 手机端优先优化 */
+@media (max-width: 767px) {
+    .container { padding: 12px; }
+    .header { padding: 18px; }
+    .header h1 { font-size: 1.6rem; gap: 8px; }
+
+    .answer-card { padding: 16px; }
+    .answer-text { font-size: 1.3rem; }
+    .answer-en { font-size: 0.95rem; }
+
+    .actions {
+        flex-direction: column;
+        gap: 15px;
+    }
+
+    .btn {
+        width: 100%;
+        max-width: 220px;
+        text-align: center;
+    }
+}
--- a/InfoGenie-frontend/public/60sapi/娱乐消遣/随机答案之书/index.html
+++ b/InfoGenie-frontend/public/60sapi/娱乐消遣/随机答案之书/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <title>📘真理之道</title>
+  <meta name="description" content="当你踌躇不定，犹豫不决时，不妨来这里看看吧。" />
+
+  <link rel="stylesheet" href="./css/style.css" />
+</head>
+<body>
+  <div class="container">
+    <header class="header">
+      <h1>📘真理之道</h1>
+      <p>当你踌躇不定，犹豫不决时，不妨来这里看看吧</p>
+    </header>
+
+    <!-- 加载与错误状态 -->
+    <section id="loading" class="loading">
+      <div class="spinner"></div>
+      <p>正在加载中，请稍候…</p>
+    </section>
+
+    <section id="error" class="error" style="display: none;">
+      <p>获取数据失败，请稍后重试</p>
+    </section>
+
+    <!-- 内容区域 -->
+    <main id="content" style="display: none;" class="fade-in">
+      <div class="answer-card">
+        <div class="answer-text" id="answer">-</div>
+        <div class="answer-en" id="answer-en" style="display: none;">-</div>
+        <div class="meta">编号：<span id="index">-</span></div>
+        <div class="actions">
+          <button class="btn" id="refresh-btn">换一个</button>
+          <button class="btn" id="copy-btn">复制</button>
+        </div>
+      </div>
+    </main>
+  </div>
+
+  <script src="./js/script.js"></script>
+</body>
+</html>
--- a/InfoGenie-frontend/public/60sapi/娱乐消遣/随机答案之书/js/script.js
+++ b/InfoGenie-frontend/public/60sapi/娱乐消遣/随机答案之书/js/script.js
@@ -0,0 +1,224 @@
+// 随机答案之书 页面脚本
+(function () {
+  'use strict';
+
+  const API = {
+    endpoints: [],
+    currentIndex: 0,
+    params: {
+      encoding: 'json'
+    },
+    localFallback: '返回接口.json',
+    // 初始化API接口列表
+    async init() {
+      try {
+        const res = await fetch('./接口集合.json');
+        const endpoints = await res.json();
+        this.endpoints = endpoints.map(endpoint => `${endpoint}/v2/answer`);
+      } catch (e) {
+        // 如果无法加载接口集合，使用默认接口
+        this.endpoints = ['https://60s.api.shumengya.top/v2/answer'];
+      }
+    },
+    // 获取当前接口URL
+    getCurrentUrl() {
+      if (this.endpoints.length === 0) return null;
+      const url = new URL(this.endpoints[this.currentIndex]);
+      Object.entries(this.params).forEach(([k, v]) => url.searchParams.append(k, v));
+      return url.toString();
+    },
+    // 切换到下一个接口
+    switchToNext() {
+      this.currentIndex = (this.currentIndex + 1) % this.endpoints.length;
+      return this.currentIndex < this.endpoints.length;
+    },
+    // 重置到第一个接口
+    reset() {
+      this.currentIndex = 0;
+    }
+  };
+
+  // DOM 元素引用
+  const els = {
+    loading: null,
+    error: null,
+    container: null,
+    answer: null,
+    answerEn: null,
+    indexEl: null,
+    refreshBtn: null,
+    copyBtn: null,
+  };
+
+  function initDom() {
+    els.loading = document.getElementById('loading');
+    els.error = document.getElementById('error');
+    els.container = document.getElementById('content');
+
+    els.answer = document.getElementById('answer');
+    els.answerEn = document.getElementById('answer-en');
+    els.indexEl = document.getElementById('index');
+    els.refreshBtn = document.getElementById('refresh-btn');
+    els.copyBtn = document.getElementById('copy-btn');
+  }
+
+  function showLoading() {
+    els.loading.style.display = 'block';
+    els.error.style.display = 'none';
+    els.container.style.display = 'none';
+  }
+
+  function showError(msg) {
+    els.loading.style.display = 'none';
+    els.error.style.display = 'block';
+    els.container.style.display = 'none';
+    els.error.querySelector('p').textContent = msg || '获取数据失败，请稍后重试';
+  }
+
+  function showContent() {
+    els.loading.style.display = 'none';
+    els.error.style.display = 'none';
+    els.container.style.display = 'block';
+  }
+
+  function safeText(text) {
+    const div = document.createElement('div');
+    div.textContent = text == null ? '' : String(text);
+    return div.innerHTML;
+  }
+
+  async function fetchFromAPI() {
+    // 初始化API接口列表
+    await API.init();
+
+    // 重置API索引到第一个接口
+    API.reset();
+
+    // 尝试所有API接口
+    for (let i = 0; i < API.endpoints.length; i++) {
+      try {
+        const url = API.getCurrentUrl();
+        console.log(`尝试接口 ${i + 1}/${API.endpoints.length}: ${url}`);
+
+        const resp = await fetch(url, {
+          cache: 'no-store',
+          timeout: 10000 // 10秒超时（兼容同目录页面风格）
+        });
+
+        if (!resp.ok) {
+          throw new Error(`HTTP ${resp.status}: ${resp.statusText}`);
+        }
+
+        const data = await resp.json();
+
+        if (data && data.code === 200) {
+          console.log(`接口 ${i + 1} 请求成功`);
+          return data;
+        }
+
+        throw new Error(data && data.message ? data.message : '接口返回异常');
+
+      } catch (e) {
+        console.warn(`接口 ${i + 1} 失败:`, e.message);
+
+        // 如果不是最后一个接口，切换到下一个
+        if (i < API.endpoints.length - 1) {
+          API.switchToNext();
+          continue;
+        }
+
+        // 所有接口都失败了
+        console.warn('所有远程接口都失败，尝试本地数据');
+        return null;
+      }
+    }
+  }
+
+  async function fetchFromLocal() {
+    try {
+      const resp = await fetch(API.localFallback + `?t=${Date.now()}`);
+      if (!resp.ok) throw new Error(`本地文件HTTP ${resp.status}`);
+      const data = await resp.json();
+      return data;
+    } catch (e) {
+      console.error('读取本地返回接口.json失败:', e);
+      return null;
+    }
+  }
+
+  function render(data) {
+    const d = data?.data || {};
+
+    const cn = d.answer || '';
+    const en = d.answer_en || '';
+    const idx = d.index != null ? d.index : d.id != null ? d.id : '-';
+
+    els.answer.innerHTML = safeText(cn || '-');
+
+    if (en) {
+      els.answerEn.style.display = 'block';
+      els.answerEn.innerHTML = safeText(en);
+    } else {
+      els.answerEn.style.display = 'none';
+      els.answerEn.innerHTML = '';
+    }
+
+    els.indexEl.textContent = idx;
+    showContent();
+  }
+
+  async function load() {
+    showLoading();
+    try {
+      // 先尝试远程API
+      const data = await fetchFromAPI();
+      if (data) {
+        render(data);
+        return;
+      }
+
+      // 远程API失败，尝试本地数据
+      const localData = await fetchFromLocal();
+      if (localData) {
+        render(localData);
+        return;
+      }
+
+      // 都失败了
+      showError('获取数据失败，请稍后重试');
+    } catch (e) {
+      console.error('加载数据时发生错误:', e);
+      showError('获取数据失败，请稍后重试');
+    }
+  }
+
+  function bindEvents() {
+    if (els.refreshBtn) {
+      els.refreshBtn.addEventListener('click', load);
+    }
+    if (els.copyBtn) {
+      els.copyBtn.addEventListener('click', async () => {
+        const textParts = [];
+        const cn = els.answer?.textContent?.trim();
+        const en = els.answerEn?.textContent?.trim();
+        if (cn) textParts.push(cn);
+        if (en) textParts.push(en);
+        const finalText = textParts.join('\n');
+        try {
+          await navigator.clipboard.writeText(finalText);
+          const old = els.copyBtn.textContent;
+          els.copyBtn.textContent = '已复制';
+          setTimeout(() => { els.copyBtn.textContent = old; }, 1200);
+        } catch (e) {
+          alert('复制失败，请手动选择文本复制');
+        }
+      });
+    }
+  }
+
+  document.addEventListener('DOMContentLoaded', () => {
+    initDom();
+    bindEvents();
+    load();
+  });
+})();
--- a/InfoGenie-frontend/public/60sapi/娱乐消遣/随机答案之书/接口集合.json
+++ b/InfoGenie-frontend/public/60sapi/娱乐消遣/随机答案之书/接口集合.json
@@ -0,0 +1,3 @@
+[
+  "https://60s.api.shumengya.top"
+]
--- a/InfoGenie-frontend/public/60sapi/娱乐消遣/随机答案之书/返回接口.json
+++ b/InfoGenie-frontend/public/60sapi/娱乐消遣/随机答案之书/返回接口.json
@@ -0,0 +1,10 @@
+{
+  "code": 200,
+  "message": "获取成功。数据来自官方/权威源头，以确保稳定与实时。开源地址 https://github.com/vikiboss/60s，反馈群 595941841",
+  "data": {
+    "id": "63",
+    "answer": "那不值得纠结",
+    "answer_en": "It's not worth worrying about",
+    "index": 62
+  }
+}