From c989a4973f67eaec61299a47e383a9787bfd88c1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=82=93=E6=99=BA=E8=88=AA?= <23373333@buaa.edu.cn> Date: Sat, 17 Jan 2026 14:23:46 +0800 Subject: [PATCH] strong 1 --- 001/001_r.html | 964 ++++++++++++++++++++++++++++++++++++++----------- 003/query.txt | 1 + 2 files changed, 752 insertions(+), 213 deletions(-) create mode 100644 003/query.txt diff --git a/001/001_r.html b/001/001_r.html index 5d52e5c..d769f98 100644 --- a/001/001_r.html +++ b/001/001_r.html @@ -174,6 +174,82 @@ border-top: 1px solid var(--border) !important; padding: 20px !important; } + + /* === 新增样式: 模态框 (Modal) === */ + .modal-overlay { + position: fixed; top: 0; left: 0; width: 100%; height: 100%; + background: rgba(0, 0, 0, 0.5); + display: none; justify-content: center; align-items: center; + z-index: 1000; opacity: 0; transition: opacity 0.3s ease; + } + .modal-overlay.show { display: flex; opacity: 1; } + .modal-window { + background: white; width: 600px; max-width: 90%; + border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); + transform: translateY(-20px); transition: transform 0.3s ease; + display: flex; flex-direction: column; overflow: hidden; + } + .modal-overlay.show .modal-window { transform: translateY(0); } + .modal-header { + padding: 15px 20px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; + display: flex; justify-content: space-between; align-items: center; + } + .modal-title { margin: 0; font-size: 1.1rem; font-weight: 600; color: #334155; } + .modal-close { cursor: pointer; font-size: 1.5rem; color: #94a3b8; line-height: 1; } + .modal-body { padding: 20px; overflow-y: auto; max-height: 70vh; } + .modal-footer { + padding: 15px 20px; background: #f8fafc; border-top: 1px solid #e2e8f0; + text-align: right; + } + + /* 表单组样式 */ + .form-group { margin-bottom: 15px; } + .form-group label { display: block; margin-bottom: 5px; font-weight: 500; font-size: 0.9rem; } + .form-group input, .form-group select, .form-group textarea { + width: 100%; padding: 8px; border: 1px solid #cbd5e1; border-radius: 4px; + box-sizing: border-box; font-family: inherit; + } + .form-group .hint { font-size: 0.8rem; color: #64748b; margin-top: 4px; } + + /* === 新增样式: 分页组件 (Pagination) === */ + .pagination-container { + display: flex; justify-content: space-between; align-items: center; + margin-top: 20px; padding: 10px; background: #fff; border-radius: 8px; + border: 1px solid #e2e8f0; + } + .pagination-info { font-size: 0.9rem; color: #64748b; } + .pagination-controls { display: flex; gap: 5px; } + .page-btn { + padding: 5px 10px; border: 1px solid #e2e8f0; background: white; + cursor: pointer; border-radius: 4px; font-size: 0.9rem; color: #475569; + } + .page-btn:hover { background: #f1f5f9; border-color: #cbd5e1; } + .page-btn.active { background: var(--primary); color: white; border-color: var(--primary); } + .page-btn:disabled { opacity: 0.5; cursor: not-allowed; } + + /* === 新增样式: Toast 通知 === */ + .toast-container { + position: fixed; bottom: 20px; right: 20px; z-index: 2000; + display: flex; flex-direction: column; gap: 10px; + } + .toast { + background: white; border-left: 4px solid var(--primary); + padding: 15px 20px; border-radius: 4px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); + min-width: 250px; transform: translateX(100%); transition: transform 0.3s ease; + display: flex; align-items: center; justify-content: space-between; + } + .toast.show { transform: translateX(0); } + .toast-success { border-left-color: #10b981; } + .toast-error { border-left-color: #ef4444; } + .toast-warning { border-left-color: #f59e0b; } + + /* === 新增样式: 只有 CSS 的加载动画 === */ + .spinner { + width: 20px; height: 20px; border: 2px solid #f3f3f3; + border-top: 2px solid var(--primary); border-radius: 50%; + animation: spin 1s linear infinite; display: inline-block; vertical-align: middle; + } + @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @@ -188,25 +264,25 @@

快速导航

-