<template>
<view class="about-page">
<view class="scroll-content">
<!-- 微信h5都可以 app不行 -->
<scroll-view class="scroll-view" scroll-y>
<view>
<view class="view-content"></view>
<uni-datetime-picker></uni-datetime-picker>
</view>
</scroll-view>
</view>
<view class="bottom-view"><button type="primary">保存</button></view>
</view>
</template>
<script>
export default {
data() {
return {
dataSource: []
}
},
onLoad(options) {},
methods: {
}
} </script>
<style>
.about-page {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
}
.scroll-content {
flex: 1;
position: relative;
}
.scroll-view {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.view-content {
position: relative;
height: 200vh;
}
.bottom-view {
/* position: fixed; */
/* bottom: 0; */
} </style>
1 个回复
1***@qq.com
我在微信小程序端使用，外面就有个form，结果弹窗一出来，有些能覆盖有些不能覆盖，真的裂开，他妈的关键还是这个层级还不能被设置，::v-deep /deep/都没用。下次写还是用原生得了，真的受不了了。