odjbin/city-store-transfer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

罗世杰：fix: TabBar.vue 的遮挡问题修复

Browse Source
This commit is contained in:
LuoShijie
2023-11-05 11:36:46 +08:00
parent 5010fb8538
commit 79d26d70cf
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/TabBar/TabBar.vue
View File

@@ -1,6 +1,8 @@
<template> <template>
<view class="tabbar-container"> <view class="">
<block> <view class="tabbar-bug"></view>
<view class="tabbar-container">
<block>
<view class="tabbar-item" v-for="(item,index) in tabbarList" :class="[item.centerItem ? ' center-item' : '']" <view class="tabbar-item" v-for="(item,index) in tabbarList" :class="[item.centerItem ? ' center-item' : '']"
@click="changeItem(item)"> @click="changeItem(item)">
<view class="item-top"> <view class="item-top">
@@ -12,6 +14,8 @@
</view> </view>
</block> </block>
<publishSlide v-if="slideVisit" @quitSlide="quitSlide"></publishSlide> <publishSlide v-if="slideVisit" @quitSlide="quitSlide"></publishSlide>
</view>
</view> </view>
</template> </template>
@@ -85,6 +89,11 @@
} }
</script> </script>
<style scoped> <style scoped>
.tabbar-bug {
position: absolute;
width: 100%;
height: 98rpx;
}
view { view {
padding: 0; padding: 0;
margin: 0; margin: 0;