diff --git a/Frontend/index.html b/Frontend/index.html index 143557b..428280a 100644 --- a/Frontend/index.html +++ b/Frontend/index.html @@ -4,7 +4,7 @@ - Vite + Vue + TS + Cis
diff --git a/Frontend/src/App.vue b/Frontend/src/App.vue index 78b7ee6..e799422 100644 --- a/Frontend/src/App.vue +++ b/Frontend/src/App.vue @@ -11,6 +11,7 @@ diff --git a/Frontend/src/main.ts b/Frontend/src/main.ts index cf94932..1024212 100644 --- a/Frontend/src/main.ts +++ b/Frontend/src/main.ts @@ -3,8 +3,11 @@ import './style.css'; import App from './App.vue'; import router from '@/router'; import store from '@/store'; +import Antd from 'ant-design-vue'; +import 'ant-design-vue/dist/antd.less' createApp(App) .use(router) .use(store) + .use(Antd) .mount('#app') diff --git a/Frontend/src/router/index.ts b/Frontend/src/router/index.ts index af9132b..4e68e76 100644 --- a/Frontend/src/router/index.ts +++ b/Frontend/src/router/index.ts @@ -1,11 +1,10 @@ import {createRouter, createWebHistory, RouteRecordRaw} from "vue-router"; -import Index from "@/views/index.vue"; const routes: Array = [ { path: "/", name: "Index", - component: Index, + component: () => import('@/views/index.vue') }, ]; diff --git a/Frontend/src/style.css b/Frontend/src/style.css index 0192f9a..8b4823d 100644 --- a/Frontend/src/style.css +++ b/Frontend/src/style.css @@ -1,81 +1,29 @@ -:root { - font-family: Inter, Avenir, Helvetica, Arial, sans-serif; - font-size: 16px; - line-height: 24px; - font-weight: 400; - - color-scheme: light dark; - color: rgba(255, 255, 255, 0.87); - background-color: #242424; - - font-synthesis: none; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - -webkit-text-size-adjust: 100%; -} - -a { - font-weight: 500; - color: #646cff; - text-decoration: inherit; -} -a:hover { - color: #535bf2; +body, html, ul, ol { + margin: 0; + padding: 0; } body { - margin: 0; - display: flex; - place-items: center; - min-width: 320px; - min-height: 100vh; + width: 100%; + height: 100%; } -h1 { - font-size: 3.2em; - line-height: 1.1; +ul, ol { + list-style: none; } -button { - border-radius: 8px; - border: 1px solid transparent; - padding: 0.6em 1.2em; - font-size: 1em; - font-weight: 500; - font-family: inherit; - background-color: #1a1a1a; - cursor: pointer; - transition: border-color 0.25s; -} -button:hover { - border-color: #646cff; -} -button:focus, -button:focus-visible { - outline: 4px auto -webkit-focus-ring-color; -} - -.card { - padding: 2em; +a { + text-decoration: none; + color: #666; } -#app { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; +a, +img { + border: 0; } -@media (prefers-color-scheme: light) { - :root { - color: #213547; - background-color: #ffffff; - } - a:hover { - color: #747bff; - } - button { - background-color: #f9f9f9; - } -} +input { + border: none; + background: transparent; + outline: none; +} \ No newline at end of file diff --git a/Frontend/src/views/index.vue b/Frontend/src/views/index.vue index 60d7aca..a0ae5cf 100644 --- a/Frontend/src/views/index.vue +++ b/Frontend/src/views/index.vue @@ -1,13 +1,43 @@ - \ No newline at end of file diff --git a/Frontend/src/views/page/Curd.vue b/Frontend/src/views/page/Curd.vue new file mode 100644 index 0000000..e8b79b1 --- /dev/null +++ b/Frontend/src/views/page/Curd.vue @@ -0,0 +1,61 @@ + + + + + \ No newline at end of file diff --git a/Frontend/src/views/page/VideoCenter.vue b/Frontend/src/views/page/VideoCenter.vue new file mode 100644 index 0000000..2fb6f67 --- /dev/null +++ b/Frontend/src/views/page/VideoCenter.vue @@ -0,0 +1,17 @@ + + + + + \ No newline at end of file diff --git a/Frontend/tsconfig.json b/Frontend/tsconfig.json index 3591d93..a6a0a38 100644 --- a/Frontend/tsconfig.json +++ b/Frontend/tsconfig.json @@ -1,6 +1,5 @@ { "compilerOptions": { - "baseUrl": ".", "target": "ESNext", "useDefineForClassFields": true, "module": "ESNext", @@ -13,6 +12,7 @@ "esModuleInterop": true, "lib": ["ESNext", "DOM"], "skipLibCheck": true, + "baseUrl": "./", "paths": { "@/*":["src/*"] } diff --git a/Frontend/vite.config.ts b/Frontend/vite.config.ts index 3a21535..e781ce9 100644 --- a/Frontend/vite.config.ts +++ b/Frontend/vite.config.ts @@ -8,17 +8,24 @@ export default defineConfig({ resolve:{ alias:{ '~': resolve(__dirname, './'), - "@": resolve(__dirname, "src"), - "@assets": resolve(__dirname, "src/assets"), - "@components": resolve(__dirname, "src/components"), - "@images": resolve(__dirname, "src/assets/images"), - "@views": resolve(__dirname, "src/views"), - "@store": resolve(__dirname, "src/store"), + "@": resolve(__dirname, "./src"), + "@assets": resolve(__dirname, "./src/assets"), + "@components": resolve(__dirname, "./src/components"), + "@images": resolve(__dirname, "./src/assets/images"), + "@views": resolve(__dirname, "./src/views"), + "@store": resolve(__dirname, "./src/store"), } }, server: { host: true, // 类型：string | boolean 指定服务器应该监听哪个 IP 地址 port: 3100, // 类型： number 指定服务器端口 cors: true, // 类型： boolean | CorsOptions 为开发服务器配置 CORS。默认启用并允许任何源 - } + }, + css: { + preprocessorOptions: { + less: { + javascriptEnabled: true, // do not remove this line + } + } + }, })