2 years ago · 441dca9c92
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1,6 @@
 
				+VITE_BASE_URL = "/liveadmin"
			
 
				+VITE_OUT_DIR = "liveadmin"
			
 
				+VITE_REQUEST_BASE = ''
			
 
				+VITE_APP_HOST="http://broadcast.waityou24.cn"
			
 
				+VITE_APP_PAGE_SIZE=10
			
 
				+VITE_APP_ROUTER="liveadmin"
			
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1,6 @@
 
				+VITE_BASE_URL = "/liveadmin"
			
 
				+VITE_OUT_DIR = "liveadmin"
			
 
				+VITE_REQUEST_BASE = ''
			
 
				+VITE_APP_HOST="http://broadcast.waityou24.cn"
			
 
				+VITE_APP_PAGE_SIZE=10
			
 
				+VITE_APP_ROUTER="liveadmin"
			
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -3,13 +3,31 @@ require('@rushstack/eslint-patch/modern-module-resolution')
 
				 
			
 
				 module.exports = {
			
 
				   root: true,
			
 
				-  'extends': [
			
 
				+  extends: [
			
 
				     'plugin:vue/vue3-essential',
			
 
				     'eslint:recommended',
			
 
				     '@vue/eslint-config-typescript',
			
 
				-    '@vue/eslint-config-prettier/skip-formatting'
			
 
				+    '@vue/eslint-config-prettier'
			
 
				   ],
			
 
				   parserOptions: {
			
 
				     ecmaVersion: 'latest'
			
 
				+  },
			
 
				+  rules: {
			
 
				+    'vue/multi-word-component-names': 0,
			
 
				+    'max-len': [
			
 
				+      'warn',
			
 
				+      {
			
 
				+        code: 10000
			
 
				+      }
			
 
				+    ],
			
 
				+    'prettier/prettier': [
			
 
				+      'warn',
			
 
				+      {
			
 
				+        singleQuote: true,
			
 
				+        bracketSpacing: true,
			
 
				+        jsxBracketSameLine: true,
			
 
				+        printWidth: 160
			
 
				+      }
			
 
				+    ]
			
 
				   }
			
 
				 }
			
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,8 +1,8 @@
 
				 {
			
 
				   "$schema": "https://json.schemastore.org/prettierrc",
			
 
				-  "semi": false,
			
 
				+  "semi": true,
			
 
				   "tabWidth": 2,
			
 
				   "singleQuote": true,
			
 
				   "printWidth": 100,
			
 
				   "trailingComma": "none"
			
 
				-}
			
 
				+}
			
--- a/env.d.ts
+++ b/env.d.ts
@@ -1 +1,5 @@
 
				 /// <reference types="vite/client" />
			
 
				+interface ImportMetaEnv {
			
 
				+  VITE_BASE_URL: string
			
 
				+  VITE_OUT_DIR: string
			
 
				+}
			
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
 
				     <meta charset="UTF-8">
			
 
				     <link rel="icon" href="/favicon.ico">
			
 
				     <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				-    <title>Vite App</title>
			
 
				+    <title>加载中...</title>
			
 
				   </head>
			
 
				   <body>
			
 
				     <div id="app"></div>
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -12,9 +12,20 @@
 
				     "format": "prettier --write src/"
			
 
				   },
			
 
				   "dependencies": {
			
 
				-    "pinia": "^2.0.32",
			
 
				+    "@element-plus/icons-vue": "^2.1.0",
			
 
				+    "@wangeditor/editor": "^5.1.23",
			
 
				+    "@wangeditor/editor-for-vue": "^1.0.2",
			
 
				+    "animate.css": "^4.1.1",
			
 
				+    "axios": "^1.3.5",
			
 
				+    "element-plus": "^2.3.3",
			
 
				+    "lodash": "^4.17.21",
			
 
				+    "moment": "^2.29.4",
			
 
				+    "naf-core": "^0.1.2",
			
 
				+    "pinia": "^2.0.34",
			
 
				+    "sortablejs": "^1.15.0",
			
 
				     "vue": "^3.2.47",
			
 
				-    "vue-router": "^4.1.6"
			
 
				+    "vue-router": "^4.1.6",
			
 
				+    "vuex": "^4.1.0"
			
 
				   },
			
 
				   "devDependencies": {
			
 
				     "@rushstack/eslint-patch": "^1.2.0",
			
@@ -27,6 +38,8 @@
 
				     "eslint-plugin-vue": "^9.9.0",
			
 
				     "npm-run-all": "^4.1.5",
			
 
				     "prettier": "^2.8.4",
			
 
				+    "sass": "^1.62.0",
			
 
				+    "sass-loader": "^13.2.2",
			
 
				     "typescript": "~4.8.4",
			
 
				     "vite": "^4.1.4",
			
 
				     "vue-tsc": "^1.2.0"
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,85 +1,26 @@
 
				-<script setup lang="ts">
			
 
				-import { RouterLink, RouterView } from 'vue-router'
			
 
				-import HelloWorld from './components/HelloWorld.vue'
			
 
				-</script>
			
 
				+<script setup lang="ts"></script>
			
 
				 
			
 
				 <template>
			
 
				-  <header>
			
 
				-    <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
			
 
				-
			
 
				-    <div class="wrapper">
			
 
				-      <HelloWorld msg="You did it!" />
			
 
				-
			
 
				-      <nav>
			
 
				-        <RouterLink to="/">Home</RouterLink>
			
 
				-        <RouterLink to="/about">About</RouterLink>
			
 
				-      </nav>
			
 
				-    </div>
			
 
				-  </header>
			
 
				-
			
 
				   <RouterView />
			
 
				 </template>
			
 
				 
			
 
				-<style scoped>
			
 
				-header {
			
 
				-  line-height: 1.5;
			
 
				-  max-height: 100vh;
			
 
				-}
			
 
				-
			
 
				-.logo {
			
 
				-  display: block;
			
 
				-  margin: 0 auto 2rem;
			
 
				-}
			
 
				-
			
 
				-nav {
			
 
				-  width: 100%;
			
 
				-  font-size: 12px;
			
 
				-  text-align: center;
			
 
				-  margin-top: 2rem;
			
 
				-}
			
 
				-
			
 
				-nav a.router-link-exact-active {
			
 
				-  color: var(--color-text);
			
 
				-}
			
 
				-
			
 
				-nav a.router-link-exact-active:hover {
			
 
				-  background-color: transparent;
			
 
				+<style>
			
 
				+body {
			
 
				+  margin: 0;
			
 
				 }
			
 
				-
			
 
				-nav a {
			
 
				-  display: inline-block;
			
 
				-  padding: 0 1rem;
			
 
				-  border-left: 1px solid var(--color-border);
			
 
				+.w_1200 {
			
 
				+  width: 1200px;
			
 
				+  margin: 0 auto;
			
 
				 }
			
 
				 
			
 
				-nav a:first-of-type {
			
 
				-  border: 0;
			
 
				+p {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				 }
			
 
				 
			
 
				-@media (min-width: 1024px) {
			
 
				-  header {
			
 
				-    display: flex;
			
 
				-    place-items: center;
			
 
				-    padding-right: calc(var(--section-gap) / 2);
			
 
				-  }
			
 
				-
			
 
				-  .logo {
			
 
				-    margin: 0 2rem 0 0;
			
 
				-  }
			
 
				-
			
 
				-  header .wrapper {
			
 
				-    display: flex;
			
 
				-    place-items: flex-start;
			
 
				-    flex-wrap: wrap;
			
 
				-  }
			
 
				-
			
 
				-  nav {
			
 
				-    text-align: left;
			
 
				-    margin-left: -1rem;
			
 
				-    font-size: 1rem;
			
 
				-
			
 
				-    padding: 1rem 0;
			
 
				-    margin-top: 1rem;
			
 
				-  }
			
 
				+.textOver {
			
 
				+  overflow: hidden;
			
 
				+  text-overflow: ellipsis;
			
 
				+  white-space: nowrap;
			
 
				 }
			
 
				 </style>
			
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -1,74 +0,0 @@
 
				-/* color palette from <https://github.com/vuejs/theme> */
			
 
				-:root {
			
 
				-  --vt-c-white: #ffffff;
			
 
				-  --vt-c-white-soft: #f8f8f8;
			
 
				-  --vt-c-white-mute: #f2f2f2;
			
 
				-
			
 
				-  --vt-c-black: #181818;
			
 
				-  --vt-c-black-soft: #222222;
			
 
				-  --vt-c-black-mute: #282828;
			
 
				-
			
 
				-  --vt-c-indigo: #2c3e50;
			
 
				-
			
 
				-  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
			
 
				-  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
			
 
				-  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
			
 
				-  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
			
 
				-
			
 
				-  --vt-c-text-light-1: var(--vt-c-indigo);
			
 
				-  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
			
 
				-  --vt-c-text-dark-1: var(--vt-c-white);
			
 
				-  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
			
 
				-}
			
 
				-
			
 
				-/* semantic color variables for this project */
			
 
				-:root {
			
 
				-  --color-background: var(--vt-c-white);
			
 
				-  --color-background-soft: var(--vt-c-white-soft);
			
 
				-  --color-background-mute: var(--vt-c-white-mute);
			
 
				-
			
 
				-  --color-border: var(--vt-c-divider-light-2);
			
 
				-  --color-border-hover: var(--vt-c-divider-light-1);
			
 
				-
			
 
				-  --color-heading: var(--vt-c-text-light-1);
			
 
				-  --color-text: var(--vt-c-text-light-1);
			
 
				-
			
 
				-  --section-gap: 160px;
			
 
				-}
			
 
				-
			
 
				-@media (prefers-color-scheme: dark) {
			
 
				-  :root {
			
 
				-    --color-background: var(--vt-c-black);
			
 
				-    --color-background-soft: var(--vt-c-black-soft);
			
 
				-    --color-background-mute: var(--vt-c-black-mute);
			
 
				-
			
 
				-    --color-border: var(--vt-c-divider-dark-2);
			
 
				-    --color-border-hover: var(--vt-c-divider-dark-1);
			
 
				-
			
 
				-    --color-heading: var(--vt-c-text-dark-1);
			
 
				-    --color-text: var(--vt-c-text-dark-2);
			
 
				-  }
			
 
				-}
			
 
				-
			
 
				-*,
			
 
				-*::before,
			
 
				-*::after {
			
 
				-  box-sizing: border-box;
			
 
				-  margin: 0;
			
 
				-  position: relative;
			
 
				-  font-weight: normal;
			
 
				-}
			
 
				-
			
 
				-body {
			
 
				-  min-height: 100vh;
			
 
				-  color: var(--color-text);
			
 
				-  background: var(--color-background);
			
 
				-  transition: color 0.5s, background-color 0.5s;
			
 
				-  line-height: 1.6;
			
 
				-  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
			
 
				-    Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
			
 
				-  font-size: 15px;
			
 
				-  text-rendering: optimizeLegibility;
			
 
				-  -webkit-font-smoothing: antialiased;
			
 
				-  -moz-osx-font-smoothing: grayscale;
			
 
				-}
			
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -1,35 +1,19 @@
 
				-@import './base.css';
			
 
				-
			
 
				-#app {
			
 
				-  max-width: 1280px;
			
 
				-  margin: 0 auto;
			
 
				-  padding: 2rem;
			
 
				-
			
 
				-  font-weight: normal;
			
 
				+body {
			
 
				+  margin: 0;
			
 
				 }
			
 
				 
			
 
				-a,
			
 
				-.green {
			
 
				-  text-decoration: none;
			
 
				-  color: hsla(160, 100%, 37%, 1);
			
 
				-  transition: 0.4s;
			
 
				+.w_1200 {
			
 
				+  width: 1200px;
			
 
				+  margin: 0 auto;
			
 
				 }
			
 
				 
			
 
				-@media (hover: hover) {
			
 
				-  a:hover {
			
 
				-    background-color: hsla(160, 100%, 37%, 0.2);
			
 
				-  }
			
 
				+p {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				 }
			
 
				 
			
 
				-@media (min-width: 1024px) {
			
 
				-  body {
			
 
				-    display: flex;
			
 
				-    place-items: center;
			
 
				-  }
			
 
				-
			
 
				-  #app {
			
 
				-    display: grid;
			
 
				-    grid-template-columns: 1fr 1fr;
			
 
				-    padding: 0 2rem;
			
 
				-  }
			
 
				+.textOver {
			
 
				+  overflow: hidden;
			
 
				+  text-overflow: ellipsis;
			
 
				+  white-space: nowrap;
			
 
				 }
			
--- a/src/assets/style/mixin.scss
+++ b/src/assets/style/mixin.scss
@@ -0,0 +1,2 @@
 
				+$red:#66363c;
			
 
				+$white:#f2ebd9;
			
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,40 +0,0 @@
 
				-<script setup lang="ts">
			
 
				-defineProps<{
			
 
				-  msg: string
			
 
				-}>()
			
 
				-</script>
			
 
				-
			
 
				-<template>
			
 
				-  <div class="greetings">
			
 
				-    <h1 class="green">{{ msg }}</h1>
			
 
				-    <h3>
			
 
				-      You’ve successfully created a project with
			
 
				-      <a href="https://vitejs.dev/" target="_blank" rel="noopener">Vite</a> +
			
 
				-      <a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>. What's next?
			
 
				-    </h3>
			
 
				-  </div>
			
 
				-</template>
			
 
				-
			
 
				-<style scoped>
			
 
				-h1 {
			
 
				-  font-weight: 500;
			
 
				-  font-size: 2.6rem;
			
 
				-  top: -10px;
			
 
				-}
			
 
				-
			
 
				-h3 {
			
 
				-  font-size: 1.2rem;
			
 
				-}
			
 
				-
			
 
				-.greetings h1,
			
 
				-.greetings h3 {
			
 
				-  text-align: center;
			
 
				-}
			
 
				-
			
 
				-@media (min-width: 1024px) {
			
 
				-  .greetings h1,
			
 
				-  .greetings h3 {
			
 
				-    text-align: left;
			
 
				-  }
			
 
				-}
			
 
				-</style>
			
--- a/src/components/TheWelcome.vue
+++ b/src/components/TheWelcome.vue
@@ -1,86 +0,0 @@
 
				-<script setup lang="ts">
			
 
				-import WelcomeItem from './WelcomeItem.vue'
			
 
				-import DocumentationIcon from './icons/IconDocumentation.vue'
			
 
				-import ToolingIcon from './icons/IconTooling.vue'
			
 
				-import EcosystemIcon from './icons/IconEcosystem.vue'
			
 
				-import CommunityIcon from './icons/IconCommunity.vue'
			
 
				-import SupportIcon from './icons/IconSupport.vue'
			
 
				-</script>
			
 
				-
			
 
				-<template>
			
 
				-  <WelcomeItem>
			
 
				-    <template #icon>
			
 
				-      <DocumentationIcon />
			
 
				-    </template>
			
 
				-    <template #heading>Documentation</template>
			
 
				-
			
 
				-    Vue’s
			
 
				-    <a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
			
 
				-    provides you with all information you need to get started.
			
 
				-  </WelcomeItem>
			
 
				-
			
 
				-  <WelcomeItem>
			
 
				-    <template #icon>
			
 
				-      <ToolingIcon />
			
 
				-    </template>
			
 
				-    <template #heading>Tooling</template>
			
 
				-
			
 
				-    This project is served and bundled with
			
 
				-    <a href="https://vitejs.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
			
 
				-    recommended IDE setup is
			
 
				-    <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
			
 
				-    <a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
			
 
				-    you need to test your components and web pages, check out
			
 
				-    <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
			
 
				-    <a href="https://on.cypress.io/component" target="_blank">Cypress Component Testing</a>.
			
 
				-
			
 
				-    <br />
			
 
				-
			
 
				-    More instructions are available in <code>README.md</code>.
			
 
				-  </WelcomeItem>
			
 
				-
			
 
				-  <WelcomeItem>
			
 
				-    <template #icon>
			
 
				-      <EcosystemIcon />
			
 
				-    </template>
			
 
				-    <template #heading>Ecosystem</template>
			
 
				-
			
 
				-    Get official tools and libraries for your project:
			
 
				-    <a href="https://pinia.vuejs.org/" target="_blank" rel="noopener">Pinia</a>,
			
 
				-    <a href="https://router.vuejs.org/" target="_blank" rel="noopener">Vue Router</a>,
			
 
				-    <a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener">Vue Test Utils</a>, and
			
 
				-    <a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener">Vue Dev Tools</a>. If
			
 
				-    you need more resources, we suggest paying
			
 
				-    <a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">Awesome Vue</a>
			
 
				-    a visit.
			
 
				-  </WelcomeItem>
			
 
				-
			
 
				-  <WelcomeItem>
			
 
				-    <template #icon>
			
 
				-      <CommunityIcon />
			
 
				-    </template>
			
 
				-    <template #heading>Community</template>
			
 
				-
			
 
				-    Got stuck? Ask your question on
			
 
				-    <a href="https://chat.vuejs.org" target="_blank" rel="noopener">Vue Land</a>, our official
			
 
				-    Discord server, or
			
 
				-    <a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
			
 
				-      >StackOverflow</a
			
 
				-    >. You should also subscribe to
			
 
				-    <a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
			
 
				-    the official
			
 
				-    <a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
			
 
				-    twitter account for latest news in the Vue world.
			
 
				-  </WelcomeItem>
			
 
				-
			
 
				-  <WelcomeItem>
			
 
				-    <template #icon>
			
 
				-      <SupportIcon />
			
 
				-    </template>
			
 
				-    <template #heading>Support Vue</template>
			
 
				-
			
 
				-    As an independent project, Vue relies on community backing for its sustainability. You can help
			
 
				-    us by
			
 
				-    <a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
			
 
				-  </WelcomeItem>
			
 
				-</template>
			
--- a/src/components/WelcomeItem.vue
+++ b/src/components/WelcomeItem.vue
@@ -1,86 +0,0 @@
 
				-<template>
			
 
				-  <div class="item">
			
 
				-    <i>
			
 
				-      <slot name="icon"></slot>
			
 
				-    </i>
			
 
				-    <div class="details">
			
 
				-      <h3>
			
 
				-        <slot name="heading"></slot>
			
 
				-      </h3>
			
 
				-      <slot></slot>
			
 
				-    </div>
			
 
				-  </div>
			
 
				-</template>
			
 
				-
			
 
				-<style scoped>
			
 
				-.item {
			
 
				-  margin-top: 2rem;
			
 
				-  display: flex;
			
 
				-}
			
 
				-
			
 
				-.details {
			
 
				-  flex: 1;
			
 
				-  margin-left: 1rem;
			
 
				-}
			
 
				-
			
 
				-i {
			
 
				-  display: flex;
			
 
				-  place-items: center;
			
 
				-  place-content: center;
			
 
				-  width: 32px;
			
 
				-  height: 32px;
			
 
				-
			
 
				-  color: var(--color-text);
			
 
				-}
			
 
				-
			
 
				-h3 {
			
 
				-  font-size: 1.2rem;
			
 
				-  font-weight: 500;
			
 
				-  margin-bottom: 0.4rem;
			
 
				-  color: var(--color-heading);
			
 
				-}
			
 
				-
			
 
				-@media (min-width: 1024px) {
			
 
				-  .item {
			
 
				-    margin-top: 0;
			
 
				-    padding: 0.4rem 0 1rem calc(var(--section-gap) / 2);
			
 
				-  }
			
 
				-
			
 
				-  i {
			
 
				-    top: calc(50% - 25px);
			
 
				-    left: -26px;
			
 
				-    position: absolute;
			
 
				-    border: 1px solid var(--color-border);
			
 
				-    background: var(--color-background);
			
 
				-    border-radius: 8px;
			
 
				-    width: 50px;
			
 
				-    height: 50px;
			
 
				-  }
			
 
				-
			
 
				-  .item:before {
			
 
				-    content: ' ';
			
 
				-    border-left: 1px solid var(--color-border);
			
 
				-    position: absolute;
			
 
				-    left: 0;
			
 
				-    bottom: calc(50% + 25px);
			
 
				-    height: calc(50% - 25px);
			
 
				-  }
			
 
				-
			
 
				-  .item:after {
			
 
				-    content: ' ';
			
 
				-    border-left: 1px solid var(--color-border);
			
 
				-    position: absolute;
			
 
				-    left: 0;
			
 
				-    top: calc(50% + 25px);
			
 
				-    height: calc(50% - 25px);
			
 
				-  }
			
 
				-
			
 
				-  .item:first-of-type:before {
			
 
				-    display: none;
			
 
				-  }
			
 
				-
			
 
				-  .item:last-of-type:after {
			
 
				-    display: none;
			
 
				-  }
			
 
				-}
			
 
				-</style>
			
--- a/src/components/icons/IconCommunity.vue
+++ b/src/components/icons/IconCommunity.vue
--- a/src/components/icons/IconDocumentation.vue
+++ b/src/components/icons/IconDocumentation.vue
--- a/src/components/icons/IconEcosystem.vue
+++ b/src/components/icons/IconEcosystem.vue
--- a/src/components/icons/IconSupport.vue
+++ b/src/components/icons/IconSupport.vue
@@ -1,7 +0,0 @@
 
				-<template>
			
 
				-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
			
 
				-    <path
			
 
				-      d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
			
 
				-    />
			
 
				-  </svg>
			
 
				-</template>
			
--- a/src/components/icons/IconTooling.vue
+++ b/src/components/icons/IconTooling.vue
@@ -1,19 +0,0 @@
 
				-<!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->
			
 
				-<template>
			
 
				-  <svg
			
 
				-    xmlns="http://www.w3.org/2000/svg"
			
 
				-    xmlns:xlink="http://www.w3.org/1999/xlink"
			
 
				-    aria-hidden="true"
			
 
				-    role="img"
			
 
				-    class="iconify iconify--mdi"
			
 
				-    width="24"
			
 
				-    height="24"
			
 
				-    preserveAspectRatio="xMidYMid meet"
			
 
				-    viewBox="0 0 24 24"
			
 
				-  >
			
 
				-    <path
			
 
				-      d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z"
			
 
				-      fill="currentColor"
			
 
				-    ></path>
			
 
				-  </svg>
			
 
				-</template>
			
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,5 +1,4 @@
 
				 import { createRouter, createWebHistory } from 'vue-router'
			
 
				-import HomeView from '../views/HomeView.vue'
			
 
				 
			
 
				 const router = createRouter({
			
 
				   history: createWebHistory(import.meta.env.BASE_URL),
			
@@ -7,15 +6,7 @@ const router = createRouter({
 
				     {
			
 
				       path: '/',
			
 
				       name: 'home',
			
 
				-      component: HomeView
			
 
				-    },
			
 
				-    {
			
 
				-      path: '/about',
			
 
				-      name: 'about',
			
 
				-      // route level code-splitting
			
 
				-      // this generates a separate chunk (About.[hash].js) for this route
			
 
				-      // which is lazy-loaded when the route is visited.
			
 
				-      component: () => import('../views/AboutView.vue')
			
 
				+      component: () => import('../views/home/index.vue')
			
 
				     }
			
 
				   ]
			
 
				 })
			
--- a/src/views/AboutView.vue
+++ b/src/views/AboutView.vue
@@ -1,15 +0,0 @@
 
				-<template>
			
 
				-  <div class="about">
			
 
				-    <h1>This is an about page</h1>
			
 
				-  </div>
			
 
				-</template>
			
 
				-
			
 
				-<style>
			
 
				-@media (min-width: 1024px) {
			
 
				-  .about {
			
 
				-    min-height: 100vh;
			
 
				-    display: flex;
			
 
				-    align-items: center;
			
 
				-  }
			
 
				-}
			
 
				-</style>
			
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,9 +0,0 @@
 
				-<script setup lang="ts">
			
 
				-import TheWelcome from '../components/TheWelcome.vue'
			
 
				-</script>
			
 
				-
			
 
				-<template>
			
 
				-  <main>
			
 
				-    <TheWelcome />
			
 
				-  </main>
			
 
				-</template>
			
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -0,0 +1,13 @@
 
				+<template>
			
 
				+  <div id="index">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="main"> test </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script setup lang="ts">
			
 
				+import type { Ref } from 'vue';
			
 
				+import { ref, toRefs } from 'vue';
			
 
				+</script>
			
 
				+<style scoped lang="scss"></style>
			
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,14 +1,32 @@
 
				 import { fileURLToPath, URL } from 'node:url'
			
 
				-
			
 
				-import { defineConfig } from 'vite'
			
 
				+import { defineConfig, loadEnv } from 'vite'
			
 
				 import vue from '@vitejs/plugin-vue'
			
 
				-
			
 
				-// https://vitejs.dev/config/
			
 
				-export default defineConfig({
			
 
				-  plugins: [vue()],
			
 
				-  resolve: {
			
 
				-    alias: {
			
 
				-      '@': fileURLToPath(new URL('./src', import.meta.url))
			
 
				+const path = require('path')
			
 
				+const common = path.resolve(__dirname, '../common')
			
 
				+export default defineConfig(({ mode }) => {
			
 
				+  const env = loadEnv(mode, __dirname)
			
 
				+  return {
			
 
				+    // 静态路径
			
 
				+    base: env.VITE_BASE_URL,
			
 
				+    // 打包名称
			
 
				+    build: {
			
 
				+      outDir: env.VITE_OUT_DIR
			
 
				+    },
			
 
				+    plugins: [vue()],
			
 
				+    server: {
			
 
				+      port: 8001,
			
 
				+      proxy: {
			
 
				+        '/files': {
			
 
				+          target: 'http://basic.waityou24.cn'
			
 
				+        }
			
 
				+      },
			
 
				+      fs: { strict: false }
			
 
				+    },
			
 
				+    resolve: {
			
 
				+      alias: {
			
 
				+        '@': fileURLToPath(new URL('./src', import.meta.url)),
			
 
				+        '@common': common
			
 
				+      }
			
 
				     }
			
 
				   }
			
 
				 })