快速开始

本页面用于快速启动文档站，并开始编写可交互的教程内容。

如何编写可以交互的教程？

项目已内置统一组件 TutorialActionItem，可以在 .md 页面直接使用。

<script setup lang="ts">
import { ElMessage } from 'element-plus'
const clickTip = () => ElMessage.success('点击成功')
</script>

<TutorialActionItem
  label="保存"
  description="把当前角色数据导出为 JSON 文件。"
  type="primary"
  @click="clickTip"
>
  <template #icon><iconify-icon icon="material-symbols:file-save-outline" /></template>
</TutorialActionItem>

你可以在这里看到渲染的结果

从本地选择并加载角色卡 JSON 文件。

把当前角色数据导出为 JSON 文件。

清空当前角色编辑内容并恢复默认结构。

复制当前角色 JSON 到剪贴板。

从粘贴的 JSON 文本导入角色数据。