mobile-official/src/layout/common/footInfo.vue

<template>
  <div id="footInfo">
    <el-row>
      <el-col :span="24" class="footInfo">
        <van-tabbar route>
          <van-tabbar-item to="/home/index">
            <!-- <van-image width="60" height="60" :src="index" /> -->
            <p class="text">首页</p>
          </van-tabbar-item>
          <van-tabbar-item to="/live/index">
            <!-- <van-image width="60" height="60" :src="index" /> -->
            <p class="text">直播大厅</p>
          </van-tabbar-item>
          <van-tabbar-item to="/market/index">
            <!-- <van-image width="60" height="60" :src="question" /> -->
            <p class="text">科技超市</p>
          </van-tabbar-item>
          <van-tabbar-item to="/user/index">
            <!-- <van-image width="60" height="60" :src="user" /> -->
            <p class="text">个人中心</p>
          </van-tabbar-item>
        </van-tabbar>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'footInfo',
  props: {},
  components: {},
  data: () => ({}),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
p {
  padding: 0;
  margin: 0;
}
.footInfo {
  height: 50px;
  overflow: hidden;
}
</style>