zzzjy
eb00b23de8
AI 划词翻译 Chrome 扩展（Manifest V3）： - 支持 DeepSeek/OpenAI/Kimi/智谱/通义/Gemini/Claude/Ollama 等 10 种服务商 - 流式输出、左右分栏对照、原文一键展开收起 - 划词图标/自动翻译/Alt+T 快捷键/右键菜单四种触发方式
60 lines
1.6 KiB
HTML
60 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="stylesheet" href="popup.css" />
|
|
</head>
|
|
<body>
|
|
<header class="head">
|
|
<div class="brand">
|
|
<img src="../icons/icon32.png" alt="" width="22" height="22" />
|
|
<div>
|
|
<h1>译泡 PopLingo</h1>
|
|
<span id="statusText" class="status">已开启</span>
|
|
</div>
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox" id="enabledToggle" />
|
|
<span class="slider"></span>
|
|
</label>
|
|
</header>
|
|
|
|
<section class="provider">
|
|
<div class="row">
|
|
<span class="label">服务商</span>
|
|
<span id="providerName" class="value">DeepSeek</span>
|
|
</div>
|
|
<div class="row">
|
|
<span class="label">模型</span>
|
|
<span id="modelName" class="value mono">deepseek-chat</span>
|
|
</div>
|
|
<div class="row" id="keyRow">
|
|
<span class="label">API Key</span>
|
|
<span id="keyStatus" class="value warn">未配置</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="form">
|
|
<label class="field">
|
|
<span>目标语言</span>
|
|
<select id="targetLang"></select>
|
|
</label>
|
|
<label class="field">
|
|
<span>触发方式</span>
|
|
<select id="triggerMode">
|
|
<option value="icon">划词后点图标</option>
|
|
<option value="auto">划词后自动翻译</option>
|
|
<option value="shortcut">仅快捷键 Alt+T</option>
|
|
</select>
|
|
</label>
|
|
</section>
|
|
|
|
<footer class="foot">
|
|
<button id="openOptions" class="btn primary">⚙ 模型设置</button>
|
|
<span class="hint">选中文字试试 · Esc 关闭弹窗</span>
|
|
</footer>
|
|
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|