添加页面

如需要向本模板中添加页面,只需要在项目中创建 pages 文件夹(如果不包含),然后在所需的文件夹中创建 .vue 文件即可。

创建 pages 文件夹

如果项目中不包含 pages 文件夹,则对应进行创建即可,pages 文件夹具体目录结构可参考 pages . Nuxt 目录结构

创建 vue 文件

创建一个 vue 文件用于渲染界面,文件内容可参考:

<template>系统看板</template>

<script setup lang="ts">
// 注意!definePageMeta 中的配置项来源于 fast nav 模块,
// 只是 fast admin 模板默认集成了而已,如果需要查看详细的
// definePageMeta 中的配置项可以查看 fast nav 模块文档
definePageMeta({
  /**
   * 图标
   * @default 模块配置
   */
  icon: "ep:data-board",
  /**
   * 标题
   * @default 路由名称
   */
  title: "系统看板",
  /**
   * 描述
   * @default ''
   */
  desc: "查看系统状态",
});
</script>
✨ 当创建 .vue 文件后,此时创建的页面将自动显示在左侧菜单中。
🤔 如未显示,可能原因为:
  1. 当前登陆账户无权限(如果安装了 fast auth 模块)
  2. 全局配置了菜单过滤
  3. 缓存异常 ::