| | |
| | | <view> |
| | | <u-tabbar |
| | | :value="index" |
| | | :customStyle="{paddingTop: '5px',paddingBottom: '5px',}" |
| | | @change="change" |
| | | fixed |
| | | activeColor="#222" |
| | | inactiveColor="#666" |
| | | :safeAreaInsetBottom="true"> |
| | | <u-tabbar-item text="待办" :badge="upcomingNum.d"> |
| | | <view class="" slot="active-icon"> |
| | | <u-tabbar-item text="待办"> |
| | | <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) { |