navigate.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>HuiMv OCR Navigator</title>
  6. <style>
  7. html, body {
  8. width: 100%;
  9. background-color: #eeeeee;
  10. margin: 0;
  11. padding: 0;
  12. }
  13. h1 {
  14. padding-left: 50px;
  15. margin-bottom: 40px;
  16. }
  17. .demos {
  18. width: 100%;
  19. display: flex;
  20. justify-content: space-evenly;
  21. box-sizing: border-box;
  22. padding: 20px 100px;
  23. }
  24. .demo {
  25. width: 220px;
  26. height: 260px;
  27. border: 1px solid #000000;
  28. background-color: white;
  29. border-radius: 4px;
  30. cursor: pointer;
  31. display: flex;
  32. flex-direction: column;
  33. align-items: center;
  34. box-sizing: border-box;
  35. padding: 4px;
  36. }
  37. .demo > img {
  38. width: 220px;
  39. height: 150px;
  40. margin-bottom: 10px;
  41. border-bottom: 1px solid gray;
  42. box-sizing: border-box;
  43. padding: 20px;
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <h1>HuiMv OCR Navigator</h1>
  49. <div class="demos">
  50. <div rel="/com/" class="demo link">
  51. <img src="/static/html/icon/common.svg" alt="common">
  52. <span>通用内容识别模型,可识别任意图片中的所有文字内容,对图片要求不高。</span>
  53. </div>
  54. <div rel="/idc/" class="demo link">
  55. <img src="/static/html/icon/identity.svg" alt="identity">
  56. <span>中国大陆身份证内容识别,主要识别:姓名、性别、民族、身份证号、地址、有效日期。</span>
  57. </div>
  58. <div rel="/bank/" class="demo link">
  59. <img src="/static/html/icon/bank.svg" alt="bank">
  60. <span>主流银行卡卡号识别,卡号为16-19位数字</span>
  61. </div>
  62. <div class="demo">
  63. <img src="/static/html/icon/more.svg" alt="more">
  64. <span>更多内容,有待开发...<br>更多内容,有待开发...<br>更多内容,有待开发...</span>
  65. </div>
  66. </div>
  67. <script>
  68. let $links = document.getElementsByClassName("link");
  69. for (let $link of $links) $link.onclick = function () {
  70. window.location.href = this.getAttribute("rel");
  71. }
  72. </script>
  73. </body>
  74. </html>