Spaces:
Running
Running
Update training.html
Browse files- training.html +59 -5
training.html
CHANGED
|
@@ -344,12 +344,67 @@
|
|
| 344 |
#feature-popup-close:hover {
|
| 345 |
background: #666;
|
| 346 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 347 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 348 |
/* 自定义滚动条样式 */
|
| 349 |
-
::-webkit-scrollbar {
|
| 350 |
-
|
| 351 |
-
|
| 352 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 353 |
</style>
|
| 354 |
</head>
|
| 355 |
<body>
|
|
@@ -429,7 +484,6 @@
|
|
| 429 |
}
|
| 430 |
}
|
| 431 |
</script>
|
| 432 |
-
<!-- 假设您的JS文件名为 main.js -->
|
| 433 |
<script type="module" src="main.js"></script>
|
| 434 |
</body>
|
| 435 |
</html>
|
|
|
|
| 344 |
#feature-popup-close:hover {
|
| 345 |
background: #666;
|
| 346 |
}
|
| 347 |
+
|
| 348 |
+
|
| 349 |
+
|
| 350 |
+
#feature-popup-close:hover {
|
| 351 |
+
background: #666;
|
| 352 |
+
}
|
| 353 |
+
|
| 354 |
|
| 355 |
+
|
| 356 |
+
/* 响应式设计 */
|
| 357 |
+
@media (max-width: 1400px) {
|
| 358 |
+
#info-panel {
|
| 359 |
+
width: 320px;
|
| 360 |
+
}
|
| 361 |
+
.herb-image-container {
|
| 362 |
+
height: 180px;
|
| 363 |
+
}
|
| 364 |
+
}
|
| 365 |
+
|
| 366 |
+
@media (max-width: 1200px) {
|
| 367 |
+
#sidebar {
|
| 368 |
+
width: 200px;
|
| 369 |
+
}
|
| 370 |
+
#info-panel {
|
| 371 |
+
width: 300px;
|
| 372 |
+
}
|
| 373 |
+
.herb-image-container {
|
| 374 |
+
height: 160px;
|
| 375 |
+
}
|
| 376 |
+
}
|
| 377 |
+
|
| 378 |
+
@media (max-width: 768px) {
|
| 379 |
+
#sidebar {
|
| 380 |
+
width: 180px;
|
| 381 |
+
}
|
| 382 |
+
#info-panel {
|
| 383 |
+
width: 280px;
|
| 384 |
+
}
|
| 385 |
+
.herb-image-container {
|
| 386 |
+
height: 140px;
|
| 387 |
+
}
|
| 388 |
+
}
|
| 389 |
+
|
| 390 |
/* 自定义滚动条样式 */
|
| 391 |
+
::-webkit-scrollbar {
|
| 392 |
+
width: 6px;
|
| 393 |
+
}
|
| 394 |
+
|
| 395 |
+
::-webkit-scrollbar-track {
|
| 396 |
+
background: #f1f1f1;
|
| 397 |
+
border-radius: 3px;
|
| 398 |
+
}
|
| 399 |
+
|
| 400 |
+
::-webkit-scrollbar-thumb {
|
| 401 |
+
background: #ccc;
|
| 402 |
+
border-radius: 3px;
|
| 403 |
+
}
|
| 404 |
+
|
| 405 |
+
::-webkit-scrollbar-thumb:hover {
|
| 406 |
+
background: #999;
|
| 407 |
+
}
|
| 408 |
</style>
|
| 409 |
</head>
|
| 410 |
<body>
|
|
|
|
| 484 |
}
|
| 485 |
}
|
| 486 |
</script>
|
|
|
|
| 487 |
<script type="module" src="main.js"></script>
|
| 488 |
</body>
|
| 489 |
</html>
|