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 {
border-top-color: #f59e0b;
background-color: rgba(245, 158, 11, 0.1); /* 浅橙色背景 */
background-color: #f59e0b;
background-image: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}
.status-item.pending .count {
color: #f59e0b;
color: #fff;
}
/* 已通过状态样式 */
.status-item.approved {
border-top-color: #10b981;
background-color: rgba(16, 185, 129, 0.1); /* 浅绿色背景 */
background-color: #10b981;
background-image: linear-gradient(135deg, #10b981 0%, #059669 100%);
}
.status-item.approved .count {
color: #10b981;
color: #fff;
}
/* 已拒绝状态样式 */
.status-item.rejected {
border-top-color: #ef4444;
background-color: rgba(239, 68, 68, 0.1); /* 浅红色背景 */
background-color: #ef4444;
background-image: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}
.status-item.rejected .count {
color: #ef4444;
color: #fff;
}
/* 状态文字样式 */
.status-text {
font-size: 14px;
color: #333;
font-size: 16px;
font-weight: 500;
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
/* 数字样式 */
.count {
font-size: 20px;
font-weight: bold;
font-size: 28px;
font-weight: 700;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
letter-spacing: 0.5px;
}
/* 激活态样式（可选，点击后高亮） */
.status-item.active {
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 {