业务页面使用规范及示例 ​

页面路由相关的内容请查看 "路由使用规范及示例" 章节

使用规范 ​

• 1. 同时支持多个页面布局
• 2. 说明：使用vite-plugin-vue-layouts插件配合vite-plugin-pages进行页面布局设置
• 3. 配置位置：
  • 默认布局：src/layouts/default/index.vue (左菜单 右页头+内容 )
  • 空白布局：src/layouts/BlankLayout.vue 通常被用在登录、大屏之类的
• 4. 使用：例如：src/views/sys/login/index.vue 在 vue 文件中添加，
• 5. 注意：添加了新的 layout 布局文件需要重启后，布局才能生效

使用示例 ​

<template></template>
<script></script>
<route lang="yaml">
name: Login
meta:
  # 对应 src/layouts/BlankLayout.vue文件
  layout: BlankLayout
</route>