style(UI): 统一卡片样式并增强视觉效果

为所有页面卡片添加 enhanced-card 类,实现统一视觉风格
添加卡片悬停动画、顶部装饰条和状态变化效果
优化状态标签、按钮和详情布局的样式
This commit is contained in:
2025-12-12 03:53:53 +08:00
parent c64651d6c7
commit 2c5ac2b943
6 changed files with 219 additions and 30 deletions
+4 -4
View File
@@ -602,7 +602,7 @@ try {
<div class="card">
<div class="card enhanced-card">
<h2>待处理预约 (共 <?php echo count($pending_submissions); ?> 条)</h2>
<?php if (empty($pending_submissions)): ?>
@@ -610,7 +610,7 @@ try {
<?php else: ?>
<!-- 无论记录数量多少,都显示选择列表 -->
<?php if (true): ?>
<div class="submission-selector">
<div class="submission-selector enhanced-card">
<h3>选择要处理的预约记录</h3>
<div class="submission-list">
<?php foreach ($pending_submissions as $submission): ?>
@@ -632,7 +632,7 @@ try {
<!-- 显示选中的预约记录的处理表单 -->
<?php foreach ($pending_submissions as $submission): ?>
<div class="pending-card" id="submission_<?php echo $submission['id']; ?>" style="display: none;">
<div class="pending-card enhanced-card" id="submission_<?php echo $submission['id']; ?>" style="display: none;">
<div class="pending-header">
<h3><?php echo htmlspecialchars($submission['name']); ?> 的预约请求</h3>
<span class="status-badge status-pending">待处理</span>
@@ -711,7 +711,7 @@ try {
</select>
</div>
<div class="package-info" id="packageInfo_<?php echo $submission['id']; ?>">
<div class="package-info enhanced-card" id="packageInfo_<?php echo $submission['id']; ?>">
<div class="package-details">
<h4 id="packageName_<?php echo $submission['id']; ?>"></h4>
<div class="package-meta">