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

6
style/default.css
View File

@ -3,6 +3,12 @@
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 {
position: fixed !important;
width: 100% !important;