nsgk_mobile/src/views/newBusinessEntity/conter.vue

<template>
  <div class="fotter">
    <router-view />

    <van-tabbar route active-color="#33db89" @change="onChange" class="aa">
      <van-tabbar-item to="/newBusinessEntity/index">
        <span>全部</span>
        <template #icon="props">
          <img src="../../assets/images/Newbusinessentity/001_03.jpg" />
        </template>
      </van-tabbar-item>
      <van-tabbar-item to="/newBusinessEntity/index">
   
        <template >
          <img src="../../assets/images/Newbusinessentity/001_05.jpg" />
        </template>
        <p>供求</p>
      </van-tabbar-item>


      <!-- <van-tabbar-item replace to="">
        供求
        <template #icon="props">
          <img :src="props.active ? '../../assets/images/Newbusinessentity/001_05.jpg' : '../../assets/images/Newbusinessentity/001_05.jpg'" />
        </template>
      </van-tabbar-item> -->
      <!-- <van-tabbar-item replace to="/newBusinessEntity/index" icon="home-o">全部</van-tabbar-item> -->
      <!-- <van-tabbar-item replace to="/search" icon="search">供求</van-tabbar-item> -->
      <van-tabbar-item replace to="/newBusinessEntity/login" icon="search"
        >我的</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>
<script>

export default {
  name: "conter",
  data() {
    return {
      active: 0,
      icon: {
        active: "../../assets/images/Newbusinessentity/001_03.jpg",
        inactive: "https://img01.yzcdn.cn/vant/user-inactive.png",
      },
    };
  },
  methods: {
    onChange(index) {
      this.active = index;
    },
  },
};
</script>
<style scoped lang="scss">
.fotter {
  position: relative;
  height: 0.1rem;
}
.aa {
  position: absolute;
}

.van-tabbar-item__text{
  display: flex;
  flex-direction:column;
}
</style>