menduner/src/views/Home/personal/components/hotPromotedPositions.vue

<template>
  <div>
    <v-tabs v-model="tab" align-tabs="start" color="#00897B" bg-color="#fff">
      <v-tab :value="1">推荐职位</v-tab>
      <v-tab :value="2">最新职位</v-tab>
      <v-tab :value="3">急聘职位</v-tab>
    </v-tabs>
    <v-window v-model="tab" class="mt-3">
      <v-window-item :value="1">
        <PositionCard></PositionCard>
      </v-window-item>
      <v-window-item :value="2">
        <PositionCard></PositionCard>
      </v-window-item>
      <v-window-item :value="3">
        <PositionCard></PositionCard>
      </v-window-item>
    </v-window>
  </div>
</template>

<script setup name="hotPromotedPositions">
import PositionCard from '@/components/Position/item.vue'
import {ref } from 'vue'
const tab = ref(0)
</script>