Skip to content
0

欢迎卡片

创建组件

  • docs\.vitepress\theme\components\新建WelcomeCard文件,分别创建以下组件和代码

警告

md
├─ docs
│ └─ .vitepress
│ │ └─ theme
│ │ │ └─ components
│ │ │ │ └─ NoticeCard.vue
└─ package.json

注册组件

  • docs\.vitepress\theme\components\TeekLayoutProvider.vue中注册组件
vue
<script setup lang="ts" name="TeekLayoutProvider">
import NoticeCard from './NoticeCard.vue'  //公告卡片
</script>

<template>
  <Teek.Layout>
        <!-- 自定义卡片 -->
    <template #teek-home-card-my-after>
      <NoticeCard />
    </template>
  </Teek.Layout>
</template>
最近更新