feat(@vben/web-antd): add finance overview cockpit and fee rate

This commit is contained in:
2026-03-05 10:48:43 +08:00
parent 1e3f1be961
commit 13212d7ff5
28 changed files with 2180 additions and 0 deletions

View File

@@ -0,0 +1,90 @@
/**
* 文件职责:财务概览 TOP 排行样式。
*/
.fo-top-card {
padding-bottom: 10px;
}
.fo-top-table {
.ant-table {
overflow: hidden;
border: 1px solid #f0f0f0;
border-radius: 10px;
}
.ant-table-thead > tr > th {
font-size: 12px;
font-weight: 600;
color: rgb(0 0 0 / 55%);
background: #fafafa;
}
.ant-table-tbody > tr > td {
font-size: 13px;
}
.ant-table-tbody > tr:hover > td {
background: #f8fbff;
}
}
.fo-rank-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
font-size: 11px;
font-weight: 700;
color: #fff;
border-radius: 4px;
}
.fo-rank-num.is-top1 {
background: linear-gradient(135deg, #ef4444, #f97316);
}
.fo-rank-num.is-top2 {
background: linear-gradient(135deg, #f59e0b, #fbbf24);
}
.fo-rank-num.is-top3 {
background: linear-gradient(135deg, #1677ff, #69b1ff);
}
.fo-rank-num.is-normal {
color: #4b5563;
background: #e5e7eb;
}
.fo-revenue-text {
font-weight: 600;
color: rgb(0 0 0 / 88%);
}
.fo-percent-wrap {
display: flex;
gap: 8px;
align-items: center;
}
.fo-percent-track {
width: 118px;
height: 6px;
overflow: hidden;
background: #e5e7eb;
border-radius: 3px;
}
.fo-percent-fill {
height: 100%;
background: linear-gradient(90deg, #1677ff, #69b1ff);
border-radius: 3px;
}
.fo-percent-text {
min-width: 44px;
font-size: 12px;
color: rgb(0 0 0 / 45%);
text-align: right;
}