richard/mp-pilates
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 优化 预约详情 UI

Browse Source
This commit is contained in:
richarjiang
2026-09-08 17:47:38 +08:00
parent b7e339e40c
commit 5a4d2c7a1b
1 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/app/src/pages/booking/detail.vue
View File

@@ -1003,7 +1003,8 @@ function updateLayout() {
} }
&--dock-tall { &--dock-tall {
height: 320rpx; height: calc(280rpx + env(safe-area-inset-bottom));
min-height: calc(128px + env(safe-area-inset-bottom));
} }
} }
@@ -1047,7 +1048,13 @@ function updateLayout() {
.dock-row { .dock-row {
display: flex; display: flex;
gap: 12rpx; flex-shrink: 0;
gap: 16rpx;
.dock-btn {
flex: 1 1 0;
min-width: 0;
}
} }
.dock--slot .dock-btn { .dock--slot .dock-btn {
@@ -1057,9 +1064,13 @@ function updateLayout() {
} }
.dock-btn { .dock-btn {
flex: 1; // The dock stacks vertically; only horizontal rows should distribute space.
height: 80rpx; flex: none;
border-radius: 999rpx; box-sizing: border-box;
height: 96rpx;
min-height: 48px;
padding: 0 24rpx;
border-radius: 20rpx;
background: #6b8276; background: #6b8276;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -1071,7 +1082,7 @@ function updateLayout() {
&--ghost { &--ghost {
background: #fff; background: #fff;
border: 1rpx solid #eee8e3; border: 1rpx solid #d8cec5;
} }
&--danger { &--danger {