main.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html lang="zh_cn">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Random English Learning</title>
  6. <link rel="stylesheet" href="../asset/css/main.css">
  7. <link rel="stylesheet" href="../asset/css/font-awesome.min.css">
  8. </head>
  9. <body id="main">
  10. <div class="title"><span>Random English Learning</span><a class="minimize">-</a><a class="close">x</a></div>
  11. <div class="tabs">
  12. <a class="on">完整词库<span>(0)</span></a><a>收藏词库<span>(0)</span></a><!-- <a>错误词库<span>(0)</span></a><a>最近新增<span>(0)</span></a> --><a><i class="fa fa-gear"></i> 设置</a>
  13. </div>
  14. <div class="content">
  15. <div class="tabContent total on">
  16. <input type="text" class="search" placeholder="快速查找" />
  17. <div class="list"><ul></ul></div>
  18. </div>
  19. <div class="tabContent starList">
  20. <input type="text" class="search" placeholder="快速查找" />
  21. <div class="list"><ul></ul></div>
  22. </div>
  23. <!-- <div class="tabContent error"></div>
  24. <div class="tabContent recent"></div> -->
  25. <div class="tabContent settings">
  26. <div class="showTimeSets">
  27. <label for="showTime">单词随机信息弹出时间(分钟)</label>
  28. <input type="text" id="showTime" name="showTime" value="10" />
  29. <p>目前弹窗显示的英语单词中,完整词库与收藏词库的出现比例为3:7,若收藏词库为空,则默认显示普通词库</p>
  30. <p>Chrome机制问题,即便在没有打开主窗口的情况下,弹窗依然会定时出现,若想停用请在Chrome扩展程序管理页面禁用本APP</p>
  31. </div>
  32. <a class="save">保存设置</a>
  33. <div class="import">
  34. <input type="file" accept="text/plain" id="my_file" style="display: none;">
  35. <button value="文件导入" id="clickme">文件导入</button>
  36. <button value="手动导入" id="importWord">手动导入</button>
  37. <p>目前仅支持导入TXT文件,文件内容为纯单词表,一行一个,建议使用UTF-8格式文件</p>
  38. </div>
  39. <div class="clearData">
  40. <button id="clearData">清除数据</button>
  41. <p>清除数据会清掉所有单词词库</p>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="loading">
  46. <p>词库读取中,请稍后...</p>
  47. </div>
  48. <script src="../lib/jquery.min.js"></script>
  49. <script src="../lib/main.js"></script>
  50. </body>
  51. </html>