From 2bb55b378bc4b18b102578cfb535ce14f81161aa Mon Sep 17 00:00:00 2001
From: cflsxjw <cfl.sxjw@gmail.com>
Date: Mon, 30 Sep 2024 04:32:05 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=96=B0=E7=BB=84=E7=BB=87=E7=9B=AE?=
 =?UTF-8?q?=E5=BD=95=EF=BC=8C=E7=A7=BB=E9=99=A4=E4=BA=86=E5=87=A0=E4=B9=8E?=
 =?UTF-8?q?=E6=9C=AA=E4=BD=BF=E7=94=A8=E7=9A=84UI=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                                       |  6 +++---
 package-lock.json                                |  2 +-
 package.json                                     |  5 -----
 src/{ => components}/event-description-board.vue |  1 -
 src/{ => components}/main-frame.vue              |  3 ++-
 src/{ => components}/menu-sidebar.vue            |  0
 src/{ => components}/result-board.vue            |  0
 src/{ => components}/score-board.vue             |  0
 src/{ => css}/index.css                          |  0
 src/javascript/main-frame.js                     |  5 +++++
 src/{ => javascript}/main-menu.js                |  2 +-
 src/main-frame.js                                | 13 -------------
 vite.config.js                                   |  9 ---------
 13 files changed, 12 insertions(+), 34 deletions(-)
 rename src/{ => components}/event-description-board.vue (95%)
 rename src/{ => components}/main-frame.vue (94%)
 rename src/{ => components}/menu-sidebar.vue (100%)
 rename src/{ => components}/result-board.vue (100%)
 rename src/{ => components}/score-board.vue (100%)
 rename src/{ => css}/index.css (100%)
 create mode 100644 src/javascript/main-frame.js
 rename src/{ => javascript}/main-menu.js (82%)
 delete mode 100644 src/main-frame.js
diff --git a/index.html b/index.html
index 5cbcc1f..822ab59 100644
--- 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>
diff --git a/package-lock.json b/package-lock.json
index ee29866..4388df1 100644
--- 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",
diff --git a/package.json b/package.json
index bcad2a7..711dbc5 100644
--- 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",
diff --git a/src/event-description-board.vue b/src/components/event-description-board.vue
similarity index 95%
rename from src/event-description-board.vue
rename to src/components/event-description-board.vue
index a6437bb..30cbebf 100644
--- a/src/event-description-board.vue
+++ b/src/components/event-description-board.vue
@@ -4,7 +4,6 @@
 
 <template>
 <div class="event-description">
-
 </div>
 </template>
 
diff --git a/src/main-frame.vue b/src/components/main-frame.vue
similarity index 94%
rename from src/main-frame.vue
rename to src/components/main-frame.vue
index 0124938..9a4058c 100644
--- a/src/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;
diff --git a/src/menu-sidebar.vue b/src/components/menu-sidebar.vue
similarity index 100%
rename from src/menu-sidebar.vue
rename to src/components/menu-sidebar.vue
diff --git a/src/result-board.vue b/src/components/result-board.vue
similarity index 100%
rename from src/result-board.vue
rename to src/components/result-board.vue
diff --git a/src/score-board.vue b/src/components/score-board.vue
similarity index 100%
rename from src/score-board.vue
rename to src/components/score-board.vue
diff --git a/src/index.css b/src/css/index.css
similarity index 100%
rename from src/index.css
rename to src/css/index.css
diff --git a/src/javascript/main-frame.js b/src/javascript/main-frame.js
new file mode 100644
index 0000000..fce763f
--- /dev/null
+++ 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')
diff --git a/src/main-menu.js b/src/javascript/main-menu.js
similarity index 82%
rename from src/main-menu.js
rename to src/javascript/main-menu.js
index 65bba77..f9c0dfe 100644
--- a/src/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)
diff --git a/src/main-frame.js b/src/main-frame.js
deleted file mode 100644
index 01b122b..0000000
--- a/src/main-frame.js
+++ /dev/null
@@ -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')
diff --git a/vite.config.js b/vite.config.js
index cb9bfc9..e8556a5 100644
--- 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()],
-      }),
   ],
 })
