@@ -114,3 +114,8 @@ input:-webkit-autofill {
}
+
+.tabbar-placeholder {
+ height: 50px;
+ padding-bottom: env(safe-area-inset-bottom);
+}
@@ -71,6 +71,8 @@
<product-info v-model:info="list[index]"></product-info>
</template>
</div>
+ <div class="tabbar-placeholder"></div>
@@ -59,6 +59,8 @@
></creator-info>
@@ -1,7 +1,7 @@
<template>
<div class="index">
<router-view class="container" />
- <van-tabbar v-model="active" z-index="20" safe-area-inset-bottom route placeholder ref="tabbar">
+ <van-tabbar v-model="active" z-index="20" safe-area-inset-bottom route ref="tabbar">
<van-tabbar-item v-for="item in menus" :name="item.name" :to="`/${item.name}`" :key="item.name">
<span>{{ item.title }}</span>
<template #icon="props">
@@ -161,6 +161,8 @@
</van-cell>
</van-cell-group>
@@ -199,7 +201,7 @@ export default {
<style lang="less" scoped>
.mine {
- padding-bottom: 98px;
+ padding-bottom: 10px;
background-color: @bg2;
.top {
@@ -57,6 +57,8 @@
close-on-click-action
@open="open"
/>