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/index/index'
    });
  }else if (name===1){
    uni.switchTab({
      url: '/pages/my/my'
    });
  }

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