From a68f2a51adc15f14f255a954a7c6ff60fea51459 Mon Sep 17 00:00:00 2001 From: rain Date: Mon, 13 Jul 2026 10:05:01 +0800 Subject: [PATCH] fix: improve G01 list and create action legibility --- components/GenealogyCard.vue | 8 ++++---- docs/design/G01_我的家谱_设计记录.md | 6 ++++++ pages/genealogy/index.vue | 19 ++++++++++++------- tests/g01-visual-contract.ps1 | 3 +++ 4 files changed, 25 insertions(+), 11 deletions(-) diff --git a/components/GenealogyCard.vue b/components/GenealogyCard.vue index 368941a..54db8be 100644 --- a/components/GenealogyCard.vue +++ b/components/GenealogyCard.vue @@ -109,9 +109,9 @@ defineEmits(['select']) .card-detail-row { display: flex; min-width: 0; align-items: center; justify-content: space-between; margin-top: 12rpx; } .card-metas { display: flex; min-width: 0; align-items: center; } .card-meta-item { display: flex; min-width: 0; align-items: center; margin-right: 14rpx; } -.card-meta-icon { width: 24rpx; height: 24rpx; margin-right: 5rpx; } -.card-meta { color: $ink-muted; font-size: 22rpx; } -.card-updated { display: flex; flex: 0 0 auto; align-items: center; margin-left: 10rpx; color: $ink-muted; font-size: 20rpx; white-space: nowrap; } +.card-meta-icon { width: 28rpx; height: 28rpx; margin-right: 6rpx; } +.card-meta { color: $ink-muted; font-size: 26rpx; } +.card-updated { display: flex; flex: 0 0 auto; align-items: center; margin-left: 10rpx; color: $ink-muted; font-size: 22rpx; white-space: nowrap; } .card-side { position: relative; @@ -132,7 +132,7 @@ defineEmits(['select']) .genealogy-card { min-height: 148rpx; padding-right: 18rpx; padding-left: 18rpx; } .surname-seal { width: 66rpx; height: 100rpx; margin-right: 16rpx; } .card-name { font-size: 32rpx; } - .card-meta { font-size: 20rpx; } + .card-meta { font-size: 22rpx; } .card-updated { display: none; } .card-side { margin-left: 12rpx; } .card-chevron { width: 28rpx; height: 28rpx; margin-left: 8rpx; } diff --git a/docs/design/G01_我的家谱_设计记录.md b/docs/design/G01_我的家谱_设计记录.md index c57283e..8859881 100644 --- a/docs/design/G01_我的家谱_设计记录.md +++ b/docs/design/G01_我的家谱_设计记录.md @@ -113,3 +113,9 @@ - 内容左右边距收至 `32rpx`,快捷入口到列表的无效留白减少;山水竹影扩展至两条列表和新建按钮后方,仍低于所有文字和操作层。 - `action/create-cloud-v1.png` 已由独立透明 PNG `action/create-cloud-v2.png` 替换;v2 使用项目生成的古金线描祥云,四角透明且有效图形审计通过,旧资产已移除。 - 已通过:更新后的 G-01 视觉契约、PNG 透明审计和编译审计。仍待 HBuilderX 的 `360 × 800`、`320 × 568` 截图与 v5 参考稿并排确认,G-01 不标记为设计完成。 + +## 2026-07-13 第八轮预览字号校正 + +- 根据 HBuilderX 预览,列表第二行的地点、成员数与更新时间分别提升至可读字号,元信息图标同步放大;`320px` 继续只隐藏更新时间。 +- 新建家谱按钮保留单行文字:缩小云纹和加号的占位宽度,并为按钮文字设置不换行约束,避免“新建家谱”折为两行。 +- 已通过更新后的 G-01 视觉契约与编译审计;仍待下一张 HBuilderX 截图复核实际观感。 diff --git a/pages/genealogy/index.vue b/pages/genealogy/index.vue index 7df6825..7875c52 100644 --- a/pages/genealogy/index.vue +++ b/pages/genealogy/index.vue @@ -458,7 +458,7 @@ const openShortcut = (key) => { background: rgba(255, 249, 238, 0.66); color: $brand-red; font-family: "STKaiti", "KaiTi", serif; - font-size: 34rpx; + font-size: 32rpx; font-weight: 700; letter-spacing: 3rpx; } @@ -481,13 +481,18 @@ const openShortcut = (key) => { margin-right: 12rpx; } .create-action .create-icon { - width: 48rpx; - height: 48rpx; - margin: 0 12rpx; + width: 40rpx; + height: 40rpx; + margin: 0 8rpx; } .create-cloud { - width: 74rpx; - height: 36rpx; + width: 54rpx; + height: 28rpx; + flex: 0 0 auto; +} +.create-action > text { + flex: 0 0 auto; + white-space: nowrap; } .create-cloud--right { transform: scaleX(-1); @@ -568,7 +573,7 @@ const openShortcut = (key) => { width: 320rpx; } .create-cloud { - width: 58rpx; + width: 46rpx; } } diff --git a/tests/g01-visual-contract.ps1 b/tests/g01-visual-contract.ps1 index edec48b..22b3b7e 100644 --- a/tests/g01-visual-contract.ps1 +++ b/tests/g01-visual-contract.ps1 @@ -104,5 +104,8 @@ if ($card -match 'calendar-v1\.png') { throw 'G-01 list shows a calendar icon th if ($card -match 'genealogy\.surname') { throw 'G-01 list seal still shows a surname instead of the fixed 家谱 seal.' } if ($card -match 'card-copy') { throw 'G-01 list still retains the superseded split content column.' } if ($card -notmatch '(?s)\.card-title-row\s*\{.*?justify-content:\s*space-between') { throw 'G-01 list title, role, and chevron do not share the required first row.' } +if ($card -notmatch '(?s)\.card-meta\s*\{.*?font-size:\s*26rpx') { throw 'G-01 list metadata is below the approved readable size.' } +if ($card -notmatch '(?s)\.card-updated\s*\{.*?font-size:\s*22rpx') { throw 'G-01 list update date is below the approved readable size.' } +if ($page -notmatch '(?s)\.create-action\s*>\s*text\s*\{.*?white-space:\s*nowrap') { throw 'G-01 create action text can wrap onto multiple lines.' } Write-Output 'PASS G-01 visual contract'