Initial commit: 译泡 PopLingo v1.0.0
AI 划词翻译 Chrome 扩展(Manifest V3): - 支持 DeepSeek/OpenAI/Kimi/智谱/通义/Gemini/Claude/Ollama 等 10 种服务商 - 流式输出、左右分栏对照、原文一键展开收起 - 划词图标/自动翻译/Alt+T 快捷键/右键菜单四种触发方式
This commit is contained in:
@@ -0,0 +1,59 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user