caimei365-manager-ui/src/views/operate/home/exclusive-image.vue

<template>
  <div class="app-container">
    <!-- 顶部操作区域 -->
    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
      <el-tab-pane label="专属广告" name="first" />
      <el-tab-pane label="小广告位" name="second" />
      <!-- 列表 -->
      <template v-if="activeName === 'first'">
        <exclusive-img />
      </template>
      <template v-if="activeName === 'second'">
        <exclusive-small-img />
      </template>
    </el-tabs>
  </div>
</template>

<script>
import ExclusiveImg from './components/exclusive-img'
import ExclusiveSmallImg from './components/exclusive-small-img'
export default {
  name: 'ExclusiveImage',
  components: {
    ExclusiveImg,
    ExclusiveSmallImg
  },
  filters: {},
  data() {
    return {
      activeName: 'first',
      isLoading: true,
      list: [],
      total: 0
    }
  },
  computed: {},
  created() {
    if (this.$route.query.activeName === 'second') {
      this.activeName = 'second'
    } else {
      this.activeName = 'first'
    }
  },
  mounted() {},
  methods: {
    // tab切换
    handleClick(tab, event) {}
  }
}
</script>

<style></style>