style(UI): 统一卡片样式并增强视觉效果
为所有页面卡片添加 enhanced-card 类,实现统一视觉风格 添加卡片悬停动画、顶部装饰条和状态变化效果 优化状态标签、按钮和详情布局的样式
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user