clunt
/
dingdong-mall
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页底部内容被遮挡问题修复

This commit is contained in:
donqi 2023-03-05 22:24:26 +08:00
parent 97587d9857
commit b25402c91c
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
pages/index/home.vue
View File

@ -32,7 +32,7 @@
</picker> </picker>
</view> </view>
</view> </view>
<view class="margin-bottom-with-bar"> <view>
<view class="margin-lr-sm"> <view class="margin-lr-sm">
<!-- 大类 --> <!-- 大类 -->
<view class="flex justify-between text-black"> <view class="flex justify-between text-black">
@ -117,6 +117,7 @@
<load-status-bar ref="loadStatusBar2" @loadMore="loadOtherCityProductPage"></load-status-bar> <load-status-bar ref="loadStatusBar2" @loadMore="loadOtherCityProductPage"></load-status-bar>
</view> </view>
</view> </view>
<view class="occupancy-bottom-bar"></view>
<!-- 前往授权设置 --> <!-- 前往授权设置 -->
<view class="cu-modal" :class="isShowPrivSetting?'show':''"> <view class="cu-modal" :class="isShowPrivSetting?'show':''">
<view class="cu-dialog"> <view class="cu-dialog">

6
style/default.css
View File

@ -2,6 +2,12 @@
margin-bottom: calc(120rpx + constant(safe-area-inset-bottom) / 2); margin-bottom: calc(120rpx + constant(safe-area-inset-bottom) / 2);
margin-bottom: calc(120rpx + env(safe-area-inset-bottom) / 2); margin-bottom: calc(120rpx + env(safe-area-inset-bottom) / 2);
} }
.occupancy-bottom-bar {
width: 100%;
height: calc(120rpx + constant(safe-area-inset-bottom) / 2);
height: calc(120rpx + env(safe-area-inset-bottom) / 2);
}
.fixed-bottom-bar { .fixed-bottom-bar {
position: fixed !important; position: fixed !important;