luo/device-voice-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: ui
All checks were successful
构建并部署前端到生产环境 / build-and-deploy (push) Successful in 2m8s
Details

Browse Source
This commit is contained in:
luo
2026-08-13 12:26:21 +08:00
parent a3fe025a88
commit c22cae9c38
2 changed files with 10 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
pages/order-list/order-list.vue
View File

@@ -499,13 +499,14 @@
/* Screenshot-aligned order list skin */ /* Screenshot-aligned order list skin */
.container { .container {
position: fixed;
inset: 0;
top: var(--window-top); top: var(--window-top);
background: #f8f9fb; background: #f8f9fb;
padding: 0; padding: 0;
gap: 0; gap: 0;
padding-top: 0; padding-top: 0;
height: 100vh; height: auto;
height: 100dvh;
min-height: 0; min-height: 0;
overflow: hidden; overflow: hidden;
} }
@@ -514,9 +515,6 @@
display: flex; display: flex;
align-items: stretch; align-items: stretch;
flex-shrink: 0; flex-shrink: 0;
position: sticky;
top: 0;
z-index: 2;
margin-top: 0; margin-top: 0;
padding: 0 20rpx; padding: 0 20rpx;
background: #fff; background: #fff;
@@ -553,9 +551,7 @@
} }
.container .filter-tabs { .container .filter-tabs {
position: sticky; position: relative;
top: 0;
z-index: 2;
margin-top: 0; margin-top: 0;
padding: 8rpx; padding: 8rpx;
background: #fff; background: #fff;
@@ -601,8 +597,7 @@
.order-swiper { .order-swiper {
/* swiper 在 H5 中无法可靠地从 flex 容器继承剩余高度。 */ /* swiper 在 H5 中无法可靠地从 flex 容器继承剩余高度。 */
flex: none; flex: none;
height: calc(100vh - 108rpx); height: calc(100% - 92rpx);
height: calc(100dvh - 108rpx);
overflow: hidden; overflow: hidden;
} }

12
pages/package-order/package-order.vue
View File

@@ -723,12 +723,13 @@
/* Screenshot-aligned package list skin */ /* Screenshot-aligned package list skin */
.container { .container {
position: fixed;
inset: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 18rpx; gap: 18rpx;
padding: 20rpx 24rpx 48rpx; padding: 20rpx 24rpx 48rpx;
height: 100vh; height: auto;
height: 100dvh;
min-height: 0; min-height: 0;
background: #f8f9fb; background: #f8f9fb;
box-sizing: border-box; box-sizing: border-box;
@@ -745,9 +746,7 @@
.tab-header { .tab-header {
flex-shrink: 0; flex-shrink: 0;
display: flex; display: flex;
position: sticky; position: relative;
top: 0;
z-index: 2;
background: #fff; background: #fff;
border-radius: 16rpx; border-radius: 16rpx;
padding: 8rpx; padding: 8rpx;
@@ -862,8 +861,7 @@
.package-swiper { .package-swiper {
/* swiper 在 H5 中无法可靠地从嵌套 flex 获取自动高度。 */ /* swiper 在 H5 中无法可靠地从嵌套 flex 获取自动高度。 */
flex: none; flex: none;
height: calc(100vh - 190rpx); height: calc(100% - 116rpx);
height: calc(100dvh - 190rpx);
overflow: hidden; overflow: hidden;
} }