index.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>工具导航页</title>
  7. <style>
  8. body {
  9. font-family: 'Segoe UI', Arial, sans-serif;
  10. margin: 0;
  11. padding: 2rem;
  12. background: #f0f2f5;
  13. color: #1f2937;
  14. }
  15. .container {
  16. max-width: 1200px;
  17. margin: 0 auto;
  18. }
  19. h1 {
  20. text-align: center;
  21. color: #2563eb;
  22. font-size: 2.5rem;
  23. margin-bottom: 3rem;
  24. }
  25. .grid {
  26. display: grid;
  27. grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  28. gap: 2rem;
  29. }
  30. .card {
  31. background: white;
  32. border-radius: 1rem;
  33. padding: 1.5rem;
  34. box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  35. transition: transform 0.2s, box-shadow 0.2s;
  36. cursor: pointer;
  37. }
  38. .card:hover {
  39. transform: translateY(-4px);
  40. box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  41. }
  42. .card h2 {
  43. color: #1f2937;
  44. margin: 0 0 1rem 0;
  45. font-size: 1.5rem;
  46. }
  47. .card p {
  48. color: #6b7280;
  49. margin: 0 0 1.5rem 0;
  50. line-height: 1.5;
  51. }
  52. .card a {
  53. display: inline-block;
  54. text-decoration: none;
  55. color: #2563eb;
  56. font-weight: 500;
  57. padding: 0.5rem 0;
  58. transition: color 0.2s;
  59. }
  60. .card a:hover {
  61. color: #1d4ed8;
  62. }
  63. @media (max-width: 768px) {
  64. body {
  65. padding: 1rem;
  66. }
  67. .grid {
  68. grid-template-columns: 1fr;
  69. }
  70. }
  71. </style>
  72. </head>
  73. <body>
  74. <div class="container">
  75. <h1>工具导航</h1>
  76. <div class="grid">
  77. <div class="card" onclick="window.location.href='./QrGen/index.html';return false">
  78. <h2>DO_FREEZE APP密码加密生成</h2>
  79. <p>牛奶冰点仪、渗透压摩尔浓度检测仪 APP登录明文加密。</p>
  80. </div>
  81. <div class="card" onclick="window.location.href='./DIPM_resultStatistics/index.html';return false">
  82. <h2>DIPM结果统计</h2>
  83. <p>牛奶冰点仪结果评估。</p>
  84. </div>
  85. <div class="card" onclick="window.location.href='./LabStatistics/index.html';return false">
  86. <h2>实验结果统计</h2>
  87. <p>基本的重复性、稳定性、示值误差计算分析。</p>
  88. </div>
  89. <div class="card" onclick="window.location.href='./GeoGebra_Self/index.html';return false">
  90. <h2>GeoGebra</h2>
  91. <p>用于生成和可视化各种数学函数的工具。</p>
  92. </div>
  93. <div class="card" onclick="window.location.href='./RT_Table/RT_Table_NTC.html';return false">
  94. <h2>RT表格工具</h2>
  95. <p>包含NTC、PT100、PT1000和TJ的RT表格查询工具。</p>
  96. </div>
  97. <div class="card" onclick="window.location.href='./NfcCoilDesignTool/index.html';return false">
  98. <h2>NFC线圈设计工具</h2>
  99. <p>用于设计和计算NFC线圈参数的专业工具,支持多种参数调整和实时预览。</p>
  100. </div>
  101. <div class="card" onclick="window.location.href='./HexFormat/index.html';return false">
  102. <h2>十六进制格式化</h2>
  103. <p>提供十六进制数据的格式化和转换功能。</p>
  104. </div>
  105. <div class="card" onclick="window.location.href='./FuncGen/index.html';return false">
  106. <h2>函数统计</h2>
  107. <p>用于生成和可视化各种数学函数的工具。</p>
  108. </div>
  109. <!-- <div class="card">
  110. <h2>Desmos Desktop</h2>
  111. <p>用于生成和可视化各种数学函数的工具。</p>
  112. <a href="./Desmos-Desktop-master/index.html">进入工具 →</a>
  113. </div> -->
  114. </div>
  115. </div>
  116. </body>
  117. </html>