<template>
  <view class="content">
    <u-tabbar
        :value="value4"
        @change="change5"
        :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: {
    change5(name){
      this.value4 = name
    }
  }
}
</script>

<style>

</style>