init: 初始系统模板

src/views/dome/dome1.vue

@@ -0,0 +1,27 @@
+<template>
+  <PageContainer>
+    <a-result
+      status="404"
+      :style="{
+        height: '100%',
+        background: '#fff',
+      }"
+      title="Hello World"
+      sub-title="Sorry, you are not authorized to access this page."
+    >
+      <template #extra>
+        <a-button type="primary" @click="handleClick">Back Home</a-button>
+      </template>
+    </a-result>
+  </PageContainer>
+</template>
+
+<script lang="ts" setup>
+import { PageContainer } from '@ant-design-vue/pro-layout';
+import { message } from 'ant-design-vue/lib';
+
+const handleClick = () => {
+  console.log('info');
+  message.info('BackHome button clicked!');
+};
+</script>

src/views/dome/dome2.vue

@@ -0,0 +1,61 @@
+<template>
+  <a-layout class="layout">
+    <a-layout-header>
+      <div class="logo" />
+      <a-menu
+        v-model:selectedKeys="selectedKeys"
+        theme="dark"
+        mode="horizontal"
+        :style="{ lineHeight: '64px' }"
+      >
+        <a-menu-item key="1">nav 1</a-menu-item>
+        <a-menu-item key="2">nav 2</a-menu-item>
+        <a-menu-item key="3">nav 3</a-menu-item>
+      </a-menu>
+    </a-layout-header>
+    <a-layout-content style="padding: 0 50px">
+      <a-breadcrumb style="margin: 16px 0">
+        <a-breadcrumb-item>Home</a-breadcrumb-item>
+        <a-breadcrumb-item>List</a-breadcrumb-item>
+        <a-breadcrumb-item>App</a-breadcrumb-item>
+      </a-breadcrumb>
+      <div :style="{ background: '#fff', padding: '24px', minHeight: '280px' }">
+        Content {{ selectedKeys }}
+      </div>
+    </a-layout-content>
+    <a-layout-footer style="text-align: center">
+      Ant Design ©2018 Created by Ant UED
+    </a-layout-footer>
+  </a-layout>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+const selectedKeys = ref<string[]>(['2']);
+</script>
+
+<style scoped>
+.site-layout-content {
+  min-height: 280px;
+  padding: 24px;
+  background: #fff;
+}
+
+#components-layout-demo-top .logo {
+  float: left;
+  width: 120px;
+  height: 31px;
+  margin: 16px 24px 16px 0;
+  background: rgba(255, 255, 255, 0.3);
+}
+
+.ant-row-rtl #components-layout-demo-top .logo {
+  float: right;
+  margin: 16px 0 16px 24px;
+}
+
+[data-theme='dark'] .site-layout-content {
+  background: #141414;
+}
+</style>

src/views/dome/dome3.vue

@@ -0,0 +1,30 @@
+<template>
+  <PageContainer title="Version" sub-title="show current project dependencies">
+    <template #content>
+      <strong>Content Area</strong>
+    </template>
+    <template #extra>
+      <strong>Extra Area</strong>
+    </template>
+    <template #extraContent>
+      <strong>ExtraContent Area</strong>
+    </template>
+    <template #tags>
+      <a-tag>Tag1</a-tag>
+      <a-tag color="pink">Tag2</a-tag>
+    </template>
+    <a-card title="Info">
+      <p v-for="i in list" :key="i">
+        text block...
+        <a-tag>{{ i }}</a-tag>
+      </p>
+    </a-card>
+  </PageContainer>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { PageContainer } from '@ant-design-vue/pro-layout';
+
+const list = ref<number>(50);
+</script>