pify8ezms
/
102201638-roller-frontend-241001
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
master
cflsxjw 2 months ago
parent 0ee1536c2b
commit 2bb55b378b
13 changed files with 12 additions and 34 deletions
Show Stats Download Patch File Download Diff File

6
index.html
Unescape View File

@ -3,18 +3,18 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <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> <title>Roller-课堂点名</title>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="main-menu" id="menu-sidebar"></div> <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="main-content">
<div class="header">Roller</div> <div class="header">Roller</div>
<div class="main-frame" id="main-frame"></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>
</div> </div>
</body> </body>

2
package-lock.json generated
Unescape View File

@ -5,7 +5,7 @@
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "roller", "name": "roller-frontend",
"version": "0.0.0", "version": "0.0.0",
"dependencies": { "dependencies": {
"@element-plus/icons-vue": "^2.3.1", "@element-plus/icons-vue": "^2.3.1",

5
package.json
Unescape View File

@ -8,11 +8,6 @@
"build": "vite build", "build": "vite build",
"preview": "vite preview" "preview": "vite preview"
}, },
"dependencies": {
"@element-plus/icons-vue": "^2.3.1",
"element-plus": "^2.8.3",
"vue": "^3.4.37"
},
"devDependencies": { "devDependencies": {
"@vitejs/plugin-vue": "^5.1.2", "@vitejs/plugin-vue": "^5.1.2",
"unplugin-auto-import": "^0.18.3", "unplugin-auto-import": "^0.18.3",

1
src/event-description-board.vue → src/components/event-description-board.vue
Unescape View File

@ -4,7 +4,6 @@
<template> <template>
<div class="event-description"> <div class="event-description">
</div> </div>
</template> </template>

3
src/main-frame.vue → src/components/main-frame.vue
Unescape View File

@ -18,7 +18,7 @@ function changeNumber()
<score-board class="score-board" :current-score="score" @score-changed="(s)=>{score=s}"></score-board> <score-board class="score-board" :current-score="score" @score-changed="(s)=>{score=s}"></score-board>
<div class="result-board-container"> <div class="result-board-container">
<result-board class="result-board" :number :enable></result-board> <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> </div>
<event-description-board class="event-description"></event-description-board> <event-description-board class="event-description"></event-description-board>
</div> </div>
@ -63,6 +63,7 @@ function changeNumber()
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
border-radius: 20px; border-radius: 20px;
font-family: Inconsolata,serif; font-family: Inconsolata,serif;
border: #1D3D5F 3px solid;
} }
.event-description{ .event-description{
display: flex; display: flex;

0
src/menu-sidebar.vue → src/components/menu-sidebar.vue
Unescape View File

0
src/result-board.vue → src/components/result-board.vue
Unescape View File

0
src/score-board.vue → src/components/score-board.vue
Unescape View File

0
src/index.css → src/css/index.css
Unescape View File

5
src/javascript/main-frame.js
Unescape View File

@ -0,0 +1,5 @@
import { createApp } from 'vue'
import MainFrame from '../components/main-frame.vue'
const app = createApp(MainFrame)
app.mount('#main-frame')

2
src/main-menu.js → src/javascript/main-menu.js
Unescape View File

@ -3,7 +3,7 @@ import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css' import 'element-plus/dist/index.css'
import 'element-plus/theme-chalk/dark/css-vars.css' import 'element-plus/theme-chalk/dark/css-vars.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue' 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) const app = createApp(MenuSidebar)
app.use(ElementPlus) app.use(ElementPlus)

13
src/main-frame.js
Unescape View File

@ -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')

9
vite.config.js
Unescape View File

@ -1,17 +1,8 @@
import { defineConfig } from 'vite' import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue' 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({ export default defineConfig({
plugins: [ plugins: [
vue(), vue(),
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
], ],
}) })

Write Preview
Loading…
Cancel
Save