suncheng/EmailBill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化多个组件的高度设置，确保更好的用户体验；更新交易记录控制器以处理智能分类结果
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 28s
Details
Docker Build & Deploy / Deploy to Production (push) Successful in 9s
Details
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Details
Docker Build & Deploy / WeChat Notification (push) Successful in 2s
Details

Browse Source
This commit is contained in:
孙诚
2026-01-11 11:21:13 +08:00
parent ad21d20751
commit d9e9fa9f53
16 changed files with 138 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
Web/src/styles/rich-content.css
View File

@@ -53,64 +53,61 @@
font-weight: 600;
}
/* 表格样式优化 - 撑满宽度并支持独立横向和纵向滚动 */
/* 表格样式优化 - 确保表格独立滚动且列对齐 */
.rich-html-content table {
display: block;
display: block;
width: 100%;
border-collapse: collapse;
margin: 8px 0;
background: var(--van-background-2);
border-radius: 4px;
border: none;
overflow-x: auto;
overflow-y: auto;
max-height: 50vh;
overflow-x: auto; /* 仅表格内部横向滚动 */
-webkit-overflow-scrolling: touch;
overflow-y: auto;
max-height: 35vh;
}
.rich-html-content thead,
.rich-html-content tbody {
display: table;
width: 130%;
min-width: 400px; /* 确保窄屏下有足够宽度触发滚动 */
table-layout: fixed; /* 核心：强制列宽分配逻辑一致 */
}
.rich-html-content tr {
display: table-row;
}
.rich-html-content th,
.rich-html-content td {
padding: 6px 8px;
display: table-cell;
padding: 8px;
text-align: left;
border: none;
border-bottom: 1px solid var(--van-border-color-light);
min-width: 70px; /* 防止内容过于拥挤 */
font-size: 12px;
white-space: nowrap; /* 防止文字换行 */
flex: 1; /* 让单元格按比例撑满宽度 */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* 表格行确保100%撑满 */
.rich-html-content tbody,
.rich-html-content thead {
display: table;
width: 100%;
table-layout: auto;
}
/* 针对第一列预算项增加最小宽度 - 确保在滑动时有背景遮挡 */
/* 针对第一列“名称”分配更多空间，其余平分 */
.rich-html-content th:first-child,
.rich-html-content td:first-child {
min-width: 80px;
position: sticky;
left: 0;
background: var(--van-background-2);
z-index: 1;
width: 30%;
}
.rich-html-content th:first-child {
min-width: 80px;
position: sticky;
left: 0;
background: var(--van-gray-1);
z-index: 1;
.rich-html-content th:not(:first-child),
.rich-html-content td:not(:first-child) {
width: 20%;
}
.rich-html-content th {
background: var(--van-gray-1);
color: var(--van-text-color);
font-weight: 600;
font-size: 12px;
white-space: nowrap;
}
/* 业务特定样式：收入、支出、高亮 */