dist/popup.html

﻿<!doctype html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<title>有道词典划词扩展</title>
	<meta name="description" content="有道词典划词扩展">
	<meta name="author" content="getcrx.cn">
	<link rel="stylesheet" href="./style/popup.css">
</head>

<body>
	<header>
		<img class="logo" src="image/logo.png">
	</header>

	<section class="input-group">
		<input id="word" type="text" class="keyword form-control" placeholder="积跬步，至千里" autofocus>
		<button id="querybutton" class="search btn">查询</button>
	</section>

	<section id="result"></section>
	<section id="cache"></section>

	<section id="options">
		<div class="section-title">选项设置：</div>

		<div class="conf-item">
			<input id="dict_enable" type="checkbox">
			<label for="dict_enable">划词翻译</label>
		</div>

		<div class="conf-item">
			<input id="ctrl_only" type="checkbox">
			<label for="ctrl_only">指词即译（按下
				<select id="triggerKey">
				</select>键指词）
			</label>
		</div>

		<div class="conf-item">
			<input id="english_only" type="checkbox">
			<label for="english_only">仅对英文划译</label>
		</div>

		<div class="conf-item">
			<input id="auto_speech" type="checkbox">
			<label for="auto_speech">自动朗读</label>
			<select id="defaultSpeech" title="默认发音">
				<option value="2">美</option>
				<option value="1">英</option>
			</select>
		</div>

		<div class="conf-item history-count">
			查询历史显示条数：
			<input type="number" id="history_count" min="0" max="100">
			<a class="link" href="/option.html" target="_blank">管理</a>
		</div>
	</section>

	<footer>
		<a id="login-youdao" href="#" title="打开有道单词本页面">
			<img src="image/memo.svg" alt="单词本">
		</a>
		<a id="share" href="#" title="复制下载链接分享给朋友">
			<img src="image/share.svg" alt="分享给朋友">
		</a>
		<a href="https://weibo.com/1055554120/HDMY61P1S"
			offical-href="https://chrome.google.com/webstore/detail/%E6%9C%89%E9%81%93%E8%AF%8D%E5%85%B8chrome%E5%88%92%E8%AF%8D%E6%8F%92%E4%BB%B6/chgkpfgnhlojjpjchjcbpbgmdnmfmmil/reviews"
			target="_blank" title="告诉我您使用不太方便的地方吧">
			<img src="image/feedback.svg" alt="意见反馈">
		</a>
	</footer>

	<script type="text/javascript" src="lib/FileSaver.js"></script>
	<script type="text/javascript" src="js/popup.js"></script>
</body>

</html>