vitevue32/packages/components/tabs/doc/demo3.vue

<template>
  <m-tabs v-model="activeName" type="card">
    <m-tab-pane label="选项一" name="first" icon="icon-calendar">内容一</m-tab-pane>
    <m-tab-pane label="选项二" name="second">内容二</m-tab-pane>
    <m-tab-pane label="选项三" name="third">内容三</m-tab-pane>
    <m-tab-pane label="选项四" name="fourth">内容四</m-tab-pane>
  </m-tabs>
</template>

<script setup>
import { ref } from 'vue-demi';

const activeName = ref('first')
</script>