From 60b3a617617ae46ba72bc04cee50c67ddf30a76c Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期二, 24 十月 2023 18:16:30 +0800
Subject: [PATCH] 111
---
minipro_standard/components/myTabber.vue | 13 ++++++++++---
1 files changed, 10 insertions(+), 3 deletions(-)
diff --git a/minipro_standard/components/myTabber.vue b/minipro_standard/components/myTabber.vue
index 5fdc680..fb67430 100644
--- a/minipro_standard/components/myTabber.vue
+++ b/minipro_standard/components/myTabber.vue
@@ -2,13 +2,14 @@
<view>
<u-tabbar
:value="index"
+ :customStyle="{paddingTop: '5px',paddingBottom: '5px',}"
@change="change"
fixed
activeColor="#222"
inactiveColor="#666"
- >
- <u-tabbar-item text="寰呭姙">
- <view class="" slot="active-icon">
+ :safeAreaInsetBottom="true">
+ <u-tabbar-item text="寰呭姙" :badge="upcomingNum.d">
+ <view class="" slot="active-icon">
<image src="@/static/nav_daiban_sel@2x.png" class="icon-style" mode=""></image>
</view>
<view class="" slot="inactive-icon">
@@ -31,11 +32,14 @@
<image src="@/static/nav_wode@2x.png" class="icon-style" mode=""></image>
</view>
</u-tabbar-item>
+
</u-tabbar>
</view>
</template>
<script>
+ import { mapState } from 'vuex'
+
export default {
name:"myTabbar",
props: {
@@ -46,6 +50,9 @@
value: 0
};
},
+ computed: {
+ ...mapState(['upcomingNum'])
+ },
methods: {
click(index) {
// console.log('click', index);
--
Gitblit v1.9.3