| | |
| | | <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"> |
| | |
| | | <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: { |
| | |
| | | return { |
| | | value: 0 |
| | | }; |
| | | }, |
| | | computed: { |
| | | ...mapState(['upcomingNum']) |
| | | }, |
| | | methods: { |
| | | click(index) { |
| | |
| | | this.value = index |
| | | }) |
| | | |
| | | console.log(this.value); |
| | | console.log(index); |
| | | if (index==0) { |
| | | // console.log('index'); |
| | | uni.switchTab({ |
| | |
| | | } |
| | | }, |
| | | } |
| | | /** |
| | | * |
| | | * */ |
| | | </script> |
| | | |
| | | <style lang="scss" scope> |