重新组织目录，移除了几乎未使用的UI库

2 months ago · 2bb55b378b
parent 0ee1536c2b
commit 2bb55b378b
13 changed files with 12 additions and 34 deletions
--- a/index.html
+++ b/index.html
@ -3,18 +3,18 @@
 <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="./src/index.css">
+    <link rel="stylesheet" href="src/css/index.css">
    <title>Roller-课堂点名</title>
 </head>
 <body>
 <div class="container">
 <div class="main-menu" id="menu-sidebar"></div>

-<script type="module" src="./src/main-menu.js"></script>
+<script type="module" src="src/javascript/main-menu.js"></script>
 <div class="main-content">
    <div class="header">Roller</div>
    <div class="main-frame" id="main-frame"></div>
-    <script type="module" src="./src/main-frame.js"></script>
+    <script type="module" src="src/javascript/main-frame.js"></script>
 </div>
 </div>
 </body>
--- a/package-lock.json
+++ b/package-lock.json
@ -5,7 +5,7 @@
  "requires": true,
  "packages": {
    "": {
-      "name": "roller",
+      "name": "roller-frontend",
      "version": "0.0.0",
      "dependencies": {
        "@element-plus/icons-vue": "^2.3.1",
--- a/package.json
+++ b/package.json
@ -8,11 +8,6 @@
    "build": "vite build",
    "preview": "vite preview"
  },
-  "dependencies": {
-    "@element-plus/icons-vue": "^2.3.1",
-    "element-plus": "^2.8.3",
-    "vue": "^3.4.37"
-  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^5.1.2",
    "unplugin-auto-import": "^0.18.3",
--- a/src/components/event-description-board.vue
+++ b/src/components/event-description-board.vue
@ -4,7 +4,6 @@

 <template>
 <div class="event-description">
-
 </div>
 </template>

--- a/src/components/main-frame.vue
+++ b/src/components/main-frame.vue
@ -18,7 +18,7 @@ function changeNumber()
    <score-board class="score-board" :current-score="score" @score-changed="(s)=>{score=s}"></score-board>
    <div class="result-board-container">
      <result-board class="result-board" :number :enable></result-board>
-      <el-button class="start-button" @click="changeNumber">start</el-button>
+      <button class="start-button" @click="changeNumber">start</button>
    </div>
  <event-description-board class="event-description"></event-description-board>
  </div>
@ -63,6 +63,7 @@ function changeNumber()
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 20px;
  font-family: Inconsolata,serif;
+  border: #1D3D5F 3px solid;
 }
 .event-description{
  display: flex;
--- a/src/components/menu-sidebar.vue
+++ b/src/components/menu-sidebar.vue
--- a/src/components/result-board.vue
+++ b/src/components/result-board.vue
--- a/src/components/score-board.vue
+++ b/src/components/score-board.vue
--- a/src/css/index.css
+++ b/src/css/index.css
--- a/src/javascript/main-frame.js
+++ b/src/javascript/main-frame.js
@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import MainFrame from '../components/main-frame.vue'
+
+const app = createApp(MainFrame)
+app.mount('#main-frame')
--- a/src/javascript/main-menu.js
+++ b/src/javascript/main-menu.js
@ -3,7 +3,7 @@ import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 import 'element-plus/theme-chalk/dark/css-vars.css'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
-import MenuSidebar from './menu-sidebar.vue'
+import MenuSidebar from '../components/menu-sidebar.vue'

 const app = createApp(MenuSidebar)
 app.use(ElementPlus)
--- a/src/main-frame.js
+++ b/src/main-frame.js
@ -1,13 +0,0 @@
-import { createApp } from 'vue'
-import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
-import 'element-plus/theme-chalk/dark/css-vars.css'
-import * as ElementPlusIconsVue from '@element-plus/icons-vue'
-import MainFrame from './main-frame.vue'
-
-const app = createApp(MainFrame)
-app.use(ElementPlus)
-for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
-    app.component(key, component)
-}
-app.mount('#main-frame')
--- a/vite.config.js
+++ b/vite.config.js
@ -1,17 +1,8 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import AutoImport from 'unplugin-auto-import/vite'
-import Components from 'unplugin-vue-components/vite'
-import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

 export default defineConfig({
  plugins: [
      vue(),
-      AutoImport({
-        resolvers: [ElementPlusResolver()],
-      }),
-      Components({
-        resolvers: [ElementPlusResolver()],
-      }),
  ],
 })