style(web): 更新审批中心、审计、政策制度页面样式,增强页面布局和视觉效果

This commit is contained in:
caoxiaozhu
2026-05-15 06:56:39 +00:00
parent 511337df95
commit d8d0415bf4
3 changed files with 431 additions and 49 deletions

View File

@@ -55,6 +55,42 @@
.filter-set { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.list-search {
position: relative;
width: 220px;
}
.list-search .mdi {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
color: #64748b;
font-size: 15px;
}
.list-search input {
width: 100%;
height: 38px;
padding: 0 12px 0 36px;
border: 1px solid #d7e0ea;
border-radius: 8px;
background: #fff;
color: #0f172a;
font-size: 13px;
transition: border-color 160ms ease, box-shadow 160ms ease;
}
.list-search input::placeholder {
color: #8da0b4;
}
.list-search input:focus {
border-color: #10b981;
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.14);
outline: none;
}
.filter-btn, .page-size {
min-height: 38px;
display: inline-flex;
@@ -86,6 +122,11 @@
background: linear-gradient(180deg, #fcfefd 0%, #f4f8f6 100%);
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
}
.table-wrap.is-empty {
align-items: center;
justify-content: center;
}
@@ -95,6 +136,54 @@
align-self: flex-start;
}
.table-state {
width: 100%;
min-height: 260px;
display: grid;
place-items: center;
gap: 10px;
padding: 28px 20px;
text-align: center;
color: #64748b;
background: linear-gradient(180deg, #fcfffd 0%, #f5f9f7 100%);
align-self: center;
}
.table-state .mdi {
font-size: 28px;
color: #10b981;
}
.table-state strong {
color: #0f172a;
font-size: 15px;
}
.table-state p {
max-width: 420px;
margin: 0;
font-size: 13px;
line-height: 1.6;
}
.table-state.error .mdi {
color: #ef4444;
}
.state-action {
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 14px;
border: 1px solid rgba(16, 185, 129, 0.28);
border-radius: 8px;
background: #fff;
color: #059669;
font-size: 13px;
font-weight: 760;
}
table { width: 100%; min-width: 1180px; border-collapse: collapse; table-layout: fixed; }
th, td {