76 lines
2.6 KiB
HTML
76 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>TradeMate 浏览器插件安装指南</title>
|
|
<style>
|
|
body { font-family: -apple-system, 'PingFang SC', sans-serif; max-width: 720px; margin: 40px auto; padding: 0 20px; color: #333; line-height: 1.6; }
|
|
h1 { color: #2563eb; }
|
|
.step { display: flex; gap: 16px; margin-bottom: 24px; padding: 16px; background: #f8fafc; border-radius: 12px; }
|
|
.num { width: 32px; height: 32px; background: #2563eb; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; }
|
|
code { background: #e8edf5; padding: 2px 8px; border-radius: 4px; font-size: 13px; color: #2563eb; }
|
|
img { max-width: 100%; border: 1px solid #e0e0e0; border-radius: 8px; margin: 8px 0; }
|
|
.tip { background: #fef3c7; border-left: 4px solid #f59e0b; padding: 12px 16px; border-radius: 8px; font-size: 14px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>TradeMate 浏览器插件</h1>
|
|
<p>Chrome 扩展 — 划词翻译、客户发现、营销生成，与网页工作台数据互通</p>
|
|
|
|
<h2>安装步骤</h2>
|
|
|
|
<div class="step">
|
|
<div class="num">1</div>
|
|
<div>
|
|
<strong>下载项目</strong>
|
|
<p>克隆或下载 <code>trade-assistant</code> 项目，或直接下载 <code>browser-extension/</code> 目录</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step">
|
|
<div class="num">2</div>
|
|
<div>
|
|
<strong>打开扩展管理页面</strong>
|
|
<p>Chrome 地址栏输入 <code>chrome://extensions/</code> 并回车</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step">
|
|
<div class="num">3</div>
|
|
<div>
|
|
<strong>开启开发者模式</strong>
|
|
<p>页面右上角"开发者模式"开关 → 打开</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step">
|
|
<div class="num">4</div>
|
|
<div>
|
|
<strong>加载扩展</strong>
|
|
<p>点击"加载已解压的扩展程序" → 选择项目的 <code>browser-extension/</code> 目录</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step">
|
|
<div class="num">5</div>
|
|
<div>
|
|
<strong>配置使用</strong>
|
|
<p>点击浏览器工具栏的 TradeMate 图标 → 输入你的 API 地址和登录凭据</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tip">
|
|
<strong>提示：</strong>登录后自动保存 Token，所有功能使用你的 TradeMate 账号积分。
|
|
一个账号在网页端、插件端通用。
|
|
</div>
|
|
|
|
<h2>功能一览</h2>
|
|
<ul>
|
|
<li><strong>翻译</strong> — 输入翻译 + 选中文本右键翻译</li>
|
|
<li><strong>智能回复</strong> — 根据客户询盘生成回复建议</li>
|
|
<li><strong>客户发现</strong> — Google 搜索潜在客户</li>
|
|
<li><strong>营销文案</strong> — AI 生成产品营销内容</li>
|
|
</ul>
|
|
</body>
|
|
</html>
|