uni-admission-fee/components/my-tabbar/my-tabbar.vue

<template>
  <view class="content">
    <u-tabbar :value="value4"
              @change="change"
              :fixed="true"
              :border="false"
              :placeholder="false"
              activeColor="#40BE94"
              :safeAreaInsetBottom="true">
      <u-tabbar-item text="场馆">
        <image style="width: 52rpx;height: 52rpx"
               class="u-page__item__slot-icon"
               slot="active-icon"
               src="../../static/zu618@3x (1).png"></image>
        <image style="width: 52rpx;height: 52rpx"
               class="u-page__item__slot-icon"
               slot="inactive-icon"
               src="../../static/zu759@3x.png"></image>
      </u-tabbar-item>
      <u-tabbar-item text="我的">
        <image style="width: 52rpx;height: 52rpx"
               class="u-page__item__slot-icon"
               slot="active-icon"
               src="../../static/zu760@3x.png"></image>
        <image style="width: 52rpx;height: 52rpx"
               class="u-page__item__slot-icon"
               slot="inactive-icon"
               src="../../static/zu628@3x (1).png"></image>
      </u-tabbar-item>
    </u-tabbar>
  </view>
</template>

<script>
export default {
  data () {
    return {
      title: 'Hello',
      value4: 0,
    }
  },
  onLoad () {

  },
  methods: {
    change (name) {
      if (name === 0) {
        uni.switchTab({
          url: '/pages/ticket/index'
        });
      } else if (name === 1) {
        uni.switchTab({
          url: '/pages/my/my'
        });
      }

      this.value4 = name
    }
  }
}
</script>