修复 person-detail 按钮文字未居中
部署到群晖 / deploy (push) Successful in 40s

原因:微信 <button> 自带 min-height 88rpx 和固有 line-height,
会顶歪自定义高度。改用 <view> + flex 居中。

- 5 个 button 改为 view(保留 class/bindtap/data-id)
- action-btn / edit-btn / delete-btn 改 flex 居中
- add-btn 加 inline-flex 居中

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
yuming
2026-06-02 12:54:27 +08:00
parent fb036fd65f
commit 3f30c9c017
2 changed files with 15 additions and 8 deletions
+10 -3
View File
@@ -68,7 +68,9 @@
.action-btn {
flex: 1;
height: 72rpx;
line-height: 72rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12rpx;
font-size: 26rpx;
font-weight: 500;
@@ -122,8 +124,11 @@
color: #FAF6ED;
border-radius: 36rpx;
font-size: 22rpx;
border: none;
font-weight: 500;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1.4;
}
.add-btn::after {
@@ -258,7 +263,9 @@
.delete-btn {
flex: 1;
height: 60rpx;
line-height: 60rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10rpx;
font-size: 22rpx;
border: 1rpx solid #E8E2D5;