diff --git a/pages/popup.html b/pages/popup.html index 5d7ff31..35b0007 100644 --- a/pages/popup.html +++ b/pages/popup.html @@ -6,49 +6,53 @@ -
- -

渠道应用开发部知识库

- 跳转OA +
+
+ +

渠道应用开发部知识库

+ 跳转OA + +
+
👤
+ +
+
+
+
+ + +
-
-
👤
-
- -
-
- - -
- - - - - - - -
    -
    - - diff --git a/pages/popup.js b/pages/popup.js index f3bf93e..aba9f1c 100644 --- a/pages/popup.js +++ b/pages/popup.js @@ -30,6 +30,30 @@ document.addEventListener("DOMContentLoaded", async () => { const LLM_STREAM_API_BASE = "http://llm.wisdompulse.cn/api/workspace"; const LLM_TOKEN_EXPIRE_MS = 23 * 60 * 60 * 1000; + // 新增tab切换功能 + const tabEs = document.getElementById("tabEs"); + const tabAi = document.getElementById("tabAi"); + const tabContentEs = document.getElementById("tabContentEs"); + const tabContentAi = document.getElementById("tabContentAi"); + + tabEs.onclick = function() { + tabEs.classList.add("active"); + tabAi.classList.remove("active"); + tabContentEs.classList.add("active"); + tabContentAi.classList.remove("active"); + }; + tabAi.onclick = function() { + tabEs.classList.remove("active"); + tabAi.classList.add("active"); + tabContentEs.classList.remove("active"); + tabContentAi.classList.add("active"); + // 自动滚动到最底部 + setTimeout(() => { + const llmContent = document.getElementById("llmResultContent"); + if (llmContent) llmContent.scrollTop = llmContent.scrollHeight; + }, 100); + }; + // 动态获取 AnythingLLM 密码 async function getLLMPassword() { return new Promise((resolve) => { diff --git a/pages/styles.css b/pages/styles.css index ba5fd0f..5a9ab44 100644 --- a/pages/styles.css +++ b/pages/styles.css @@ -403,4 +403,38 @@ h1 { white-space: pre-wrap; } +.tab-bar { + display: flex; + margin-bottom: 8px; + border-bottom: 1.5px solid #e2e7f4; + background: #f8fbff; +} +.tab-btn { + flex: 1; + padding: 9px 0; + border: none; + background: #f7faff; + color: #2764bb; + font-weight: bold; + cursor: pointer; + border-bottom: 2.5px solid transparent; + font-size: 15px; + transition: background 0.2s, border-color 0.2s; +} +.tab-btn.active { + background: #e7eefb; + color: #2050b0; + border-bottom: 2.5px solid #3070ed; +} +.tab-content { + display: none; +} +.tab-content.active { + display: block; +} + +/* 调整智能助手内容区边距，避免太拥挤 */ +#tabContentAi .llm-result-container { + margin-bottom: 0; +}