优化结果总览标题层级与人员区标题

This commit is contained in:
wkc
2026-03-27 15:05:59 +08:00
parent 966754e8c6
commit e7ad46edaf
9 changed files with 163 additions and 24 deletions

View File

@@ -1,6 +1,10 @@
<template>
<section class="risk-people-section">
<div class="section-toolbar">
<div>
<div class="section-title">风险人员总览</div>
<div class="section-subtitle">展示命中风险规则的重点人员</div>
</div>
<el-button size="mini" type="text">导出</el-button>
</div>
@@ -183,11 +187,38 @@ export default {
.section-toolbar {
display: flex;
justify-content: flex-end;
justify-content: space-between;
align-items: center;
margin-bottom: 14px;
}
.section-title {
position: relative;
padding-left: 10px;
font-size: 15px;
font-weight: 600;
color: #334155;
}
.section-title::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 4px;
height: 14px;
border-radius: 999px;
background: #94a3b8;
transform: translateY(-50%);
}
.section-subtitle {
margin-top: 4px;
padding-left: 10px;
font-size: 12px;
color: #94a3b8;
}
.people-table {
border-radius: 12px;
overflow: hidden;