wuxueyu
/
Industrial-image-management-system---web
2
0
Fork 2
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式统一

This commit is contained in:
crushing1111 2025-08-13 14:26:19 +08:00
parent 922be6e641
commit e81a9430b5
1 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/task/task-approval/TaskApproval.vue
View File

@ -200,47 +200,51 @@ const handleReject = (taskId: string) => {
/* 待审批状态样式 */ /* 待审批状态样式 */
.status-item.pending { .status-item.pending {
border-top-color: #f59e0b; background-color: #f59e0b;
background-color: rgba(245, 158, 11, 0.1); /* 浅橙色背景 */ background-image: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
} }
.status-item.pending .count { .status-item.pending .count {
color: #f59e0b; color: #fff;
} }
/* 已通过状态样式 */ /* 已通过状态样式 */
.status-item.approved { .status-item.approved {
border-top-color: #10b981; background-color: #10b981;
background-color: rgba(16, 185, 129, 0.1); /* 浅绿色背景 */ background-image: linear-gradient(135deg, #10b981 0%, #059669 100%);
} }
.status-item.approved .count { .status-item.approved .count {
color: #10b981; color: #fff;
} }
/* 已拒绝状态样式 */ /* 已拒绝状态样式 */
.status-item.rejected { .status-item.rejected {
border-top-color: #ef4444; background-color: #ef4444;
background-color: rgba(239, 68, 68, 0.1); /* 浅红色背景 */ background-image: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
} }
.status-item.rejected .count { .status-item.rejected .count {
color: #ef4444; color: #fff;
} }
/* 状态文字样式 */ /* 状态文字样式 */
.status-text { .status-text {
font-size: 14px; font-size: 16px;
color: #333; font-weight: 500;
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
} }
/* 数字样式 */ /* 数字样式 */
.count { .count {
font-size: 20px; font-size: 28px;
font-weight: bold; font-weight: 700;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
letter-spacing: 0.5px;
} }
/* 激活态样式（可选，点击后高亮） */ /* 激活态样式（可选，点击后高亮） */
.status-item.active { .status-item.active {
transform: scale(1.02); transform: scale(1.02);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
} }
.content { .content {