fix: 优化滚动视图
This commit is contained in:
parent
7d445f7b8b
commit
fe358efb40
@ -1,13 +1,13 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="page">
|
<view class="page">
|
||||||
<!-- Mobile 来源: ykt-management-mobile/src/pages/customer/visit-record-detail/visit-record-detail.vue -->
|
<!-- Mobile 来源: ykt-management-mobile/src/pages/customer/visit-record-detail/visit-record-detail.vue -->
|
||||||
<view class="body">
|
<view class="body">
|
||||||
<scroll-view scroll-y class="scroll">
|
<scroll-view scroll-y class="scroll">
|
||||||
<view class="form-wrap">
|
<view class="form-wrap">
|
||||||
<FormTemplate v-if="temp" ref="formRef" :items="showItems" :form="forms" @change="onChange" />
|
<FormTemplate v-if="temp" ref="formRef" :items="showItems" :form="forms" @change="onChange" />
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view style="height: 240rpx;"></view>
|
<view class="scroll-gap" />
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
|
|
||||||
<view class="footer">
|
<view class="footer">
|
||||||
@ -301,7 +301,6 @@ async function remove() {
|
|||||||
.page {
|
.page {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background: #f5f6f8;
|
background: #f5f6f8;
|
||||||
padding-bottom: calc(152rpx + env(safe-area-inset-bottom));
|
|
||||||
}
|
}
|
||||||
.body {
|
.body {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
@ -310,6 +309,10 @@ async function remove() {
|
|||||||
}
|
}
|
||||||
.scroll {
|
.scroll {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
min-height: 0;
|
||||||
|
}
|
||||||
|
.scroll-gap {
|
||||||
|
height: calc(240rpx + env(safe-area-inset-bottom));
|
||||||
}
|
}
|
||||||
.header {
|
.header {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user