From bb4ed0f561d8cbd1d75154e9f1e59b2be6237798 Mon Sep 17 00:00:00 2001 From: Jeffrey Hsu Date: Wed, 12 Feb 2025 00:19:31 +0800 Subject: [PATCH] change style --- src/main/index.ts | 6 +- src/renderer/src/App.vue | 207 +--------------- src/renderer/src/assets/main.css | 15 ++ .../src/components/footer/FooterMain.vue | 231 ++++++++++++++++++ src/renderer/src/views/create/CreatePanel.vue | 42 +++- src/renderer/src/views/create/CreateStart.vue | 2 +- src/renderer/src/views/home/HomeStart.vue | 2 +- 7 files changed, 286 insertions(+), 219 deletions(-) create mode 100644 src/renderer/src/components/footer/FooterMain.vue diff --git a/src/main/index.ts b/src/main/index.ts index 1c7e6b2..c778912 100644 --- a/src/main/index.ts +++ b/src/main/index.ts @@ -34,12 +34,14 @@ function createWindow(): void { minHeight: 728, show: false, autoHideMenuBar: true, - titleBarStyle: 'hidden', + frame: false, icon: icon, webPreferences: { preload: join(__dirname, '../preload/index.js'), sandbox: false - } + }, + vibrancy: 'fullscreen-ui', + backgroundMaterial: 'acrylic' }) mainWindow.on('ready-to-show', () => { diff --git a/src/renderer/src/App.vue b/src/renderer/src/App.vue index ba3277b..e0486b3 100644 --- a/src/renderer/src/App.vue +++ b/src/renderer/src/App.vue @@ -19,13 +19,11 @@ @@ -289,19 +101,4 @@ watch( .window-title .function { -webkit-app-region: no-drag; } - -.cls-1 { - fill: rgba(189, 0, 0, 0); - stroke: #bd0000; - stroke-width: 8.53px; -} - -.cls-1, -.cls-2 { - fill-rule: evenodd; -} - -.cls-2 { - fill: #bd0000; -} diff --git a/src/renderer/src/assets/main.css b/src/renderer/src/assets/main.css index df8532e..d5924f5 100644 --- a/src/renderer/src/assets/main.css +++ b/src/renderer/src/assets/main.css @@ -18,3 +18,18 @@ */ @import "tailwindcss"; + +body { + background: transparent; +} + +/* Hide scrollbar for Chrome, Safari and Opera */ +.no-scrollbar::-webkit-scrollbar { + display: none; +} + +/* Hide scrollbar for IE, Edge and Firefox */ +.no-scrollbar { + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} diff --git a/src/renderer/src/components/footer/FooterMain.vue b/src/renderer/src/components/footer/FooterMain.vue new file mode 100644 index 0000000..36369ef --- /dev/null +++ b/src/renderer/src/components/footer/FooterMain.vue @@ -0,0 +1,231 @@ + + + + + + + diff --git a/src/renderer/src/views/create/CreatePanel.vue b/src/renderer/src/views/create/CreatePanel.vue index b57f289..a664f04 100644 --- a/src/renderer/src/views/create/CreatePanel.vue +++ b/src/renderer/src/views/create/CreatePanel.vue @@ -23,24 +23,28 @@ import { emitter } from '@renderer/utils/mitt' import router from '@renderer/router' import { useGlobalStore } from '@renderer/store' import { storeToRefs } from 'pinia' +import { House, User, EditPen, MessageBox, Select } from '@element-plus/icons-vue' const store = useGlobalStore() const { courseInfo } = storeToRefs(store) const asideMenu = [ - { title: '课程信息', route: 'panelIndex' }, - { title: '学生管理', route: 'panelStudent' }, - { title: '成绩录入', route: 'panelScore' }, - { title: '录入试卷', route: 'panelPaper' }, - { title: '完成导出', route: 'panelFinal' } + { title: '课程信息', route: 'panelIndex', icon: House }, + { title: '学生管理', route: 'panelStudent', icon: User }, + { title: '成绩录入', route: 'panelScore', icon: EditPen }, + { title: '录入试卷', route: 'panelPaper', icon: MessageBox }, + { title: '完成导出', route: 'panelFinal', icon: Select } ] const currentActiveIndex = ref(0) +const expendMenu = ref(false) const handleMenuItemClick = (idx: number) => { currentActiveIndex.value = idx router.push({ name: asideMenu[idx].route }) } +const handleMenuExpend = () => (expendMenu.value = !expendMenu.value) + onMounted(() => { emitter.emit('titleBarShow', ['save']) if (courseInfo.value === null) { @@ -50,19 +54,37 @@ onMounted(() => { diff --git a/src/renderer/src/views/create/CreateStart.vue b/src/renderer/src/views/create/CreateStart.vue index 35d0f4d..35f8a83 100644 --- a/src/renderer/src/views/create/CreateStart.vue +++ b/src/renderer/src/views/create/CreateStart.vue @@ -82,7 +82,7 @@ const handleSubmit = () => {