feat: 添加无Layout的空白页面示例

src/views/empty/index.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import back from "/@/assets/svg/back.svg?component";
+
+defineOptions({
+  name: "Empty"
+});
+</script>
+
+<template>
+  <div class="back" title="返回上一页" @click="$router.go(-1)">
+    <back class="w-80px h-80px" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.back {
+  width: 200px;
+  height: 200px;
+  cursor: pointer;
+  border-radius: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: rgba(138, 150, 160, 0.08);
+
+  &:hover {
+    background: rgba(138, 150, 160, 0.2);
+    transition: background 0.6s;
+  }
+}
+</style>

src/views/tabs/index.vue

@@ -93,5 +93,10 @@ function onCloseTags() {
       <br />
       开启方式：在页面最右上角有个设置的小图标，点进去，会看到项目配置面板，找到标签页持久化开启即可。
     </p>
+
+    <el-divider />
+    <el-button @click="$router.push({ name: 'Empty' })">
+      跳转无Layout的空白页面
+    </el-button>
   </el-card>
 </template>