From ca73a173f008c8d7a9d700bad897ca24fe2d2203 Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期一, 16 十月 2023 09:29:57 +0800
Subject: [PATCH] 111
---
minipro_standard/components/myTabber.vue | 18 ++++++++++++++----
1 files changed, 14 insertions(+), 4 deletions(-)
diff --git a/minipro_standard/components/myTabber.vue b/minipro_standard/components/myTabber.vue
index bee9097..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: {
@@ -45,6 +49,9 @@
return {
value: 0
};
+ },
+ computed: {
+ ...mapState(['upcomingNum'])
},
methods: {
click(index) {
@@ -71,7 +78,7 @@
this.value = index
})
- console.log(this.value);
+ console.log(index);
if (index==0) {
// console.log('index');
uni.switchTab({
@@ -91,6 +98,9 @@
}
},
}
+ /**
+ *
+ * */
</script>
<style lang="scss" scope>
--
Gitblit v1.9.3