style: 样式优化

This commit is contained in:
RubyLiu 2023-05-24 19:15:27 +08:00 committed by 刘瑞斌
parent 6917bd40c5
commit 6b6bb02c8f
7 changed files with 29 additions and 16 deletions

2
frontend/.gitignore vendored
View File

@ -7,4 +7,4 @@ coverage
.node/ .node/
package-lock.json package-lock.json
pnpm-lock.yaml pnpm-lock.yaml
yarn.lock yarn.lock

View File

@ -9,8 +9,7 @@ import { vitePluginForArco } from '@arco-plugins/vite-vue';
export default function configArcoStyleImportPlugin() { export default function configArcoStyleImportPlugin() {
// 按需加载主题样式 // 按需加载主题样式
const arcoResolverPlugin = vitePluginForArco({ const arcoResolverPlugin = vitePluginForArco({
theme: '@arco-themes/vue-ms-theme', theme: '@arco-themes/vue-ms-theme-default',
}); });
// const arcoResolverPlugin = vitePluginForArco({});
return arcoResolverPlugin; return arcoResolverPlugin;
} }

View File

@ -37,7 +37,7 @@
"@7polo/kity": "2.0.8", "@7polo/kity": "2.0.8",
"@7polo/kityminder-core": "1.4.53", "@7polo/kityminder-core": "1.4.53",
"@arco-design/web-vue": "^2.46.0", "@arco-design/web-vue": "^2.46.0",
"@arco-themes/vue-ms-theme": "^0.0.1", "@arco-themes/vue-ms-theme-default": "^0.0.2",
"@form-create/arco-design": "^3.1.21", "@form-create/arco-design": "^3.1.21",
"@vueuse/core": "^9.13.0", "@vueuse/core": "^9.13.0",
"ace-builds": "^1.21.1", "ace-builds": "^1.21.1",

View File

@ -15,9 +15,9 @@ dependencies:
'@arco-design/web-vue': '@arco-design/web-vue':
specifier: ^2.46.0 specifier: ^2.46.0
version: 2.46.0(vue@3.3.2) version: 2.46.0(vue@3.3.2)
'@arco-themes/vue-ms-theme': '@arco-themes/vue-ms-theme-default':
specifier: ^0.0.1 specifier: ^0.0.2
version: 0.0.1(@arco-design/web-vue@2.46.0) version: 0.0.2(@arco-design/web-vue@2.46.0)
'@form-create/arco-design': '@form-create/arco-design':
specifier: ^3.1.21 specifier: ^3.1.21
version: 3.1.21(vue@3.3.2) version: 3.1.21(vue@3.3.2)
@ -339,8 +339,8 @@ packages:
- supports-color - supports-color
dev: true dev: true
/@arco-themes/vue-ms-theme@0.0.1(@arco-design/web-vue@2.46.0): /@arco-themes/vue-ms-theme-default@0.0.2(@arco-design/web-vue@2.46.0):
resolution: {integrity: sha512-UUCflcjVtIgowMT9Hlzv/TD8LJzMqFfDfvohWkzwQLOUQJjbNdwoCnSCezdWEiFkV+IZfuJtABC7KbWIeug4eA==} resolution: {integrity: sha512-Cn+okkovXHAMMrDcaXKdG2LyL4EieRs3HySTEC1C5gHQyENgfFBPXWalNz5HfzlAMSZdKuzaq7/N7nRCkGvIvA==}
peerDependencies: peerDependencies:
'@arco-design/web-vue': ^2.46.0 '@arco-design/web-vue': ^2.46.0
dependencies: dependencies:
@ -9704,12 +9704,12 @@ packages:
jest-worker: 27.5.1 jest-worker: 27.5.1
schema-utils: 3.1.2 schema-utils: 3.1.2
serialize-javascript: 6.0.1 serialize-javascript: 6.0.1
terser: 5.17.5 terser: 5.17.6
webpack: 5.83.1 webpack: 5.83.1
dev: true dev: true
/terser@5.17.5: /terser@5.17.6:
resolution: {integrity: sha512-NqFkzBX34WExkCbk3K5urmNCpEWqMPZnwGI1pMHwqvJ/zDlXC75u3NI7BrzoR8/pryy8Abx2e1i8ChrWkhH1Hg==} resolution: {integrity: sha512-V8QHcs8YuyLkLHsJO5ucyff1ykrLVsR4dNnS//L5Y3NiSXpbK1J+WMVUs67eI0KTxs9JtHhgEQpXQVHlHI92DQ==}
engines: {node: '>=10'} engines: {node: '>=10'}
hasBin: true hasBin: true
dependencies: dependencies:

View File

@ -220,7 +220,7 @@
justify-content: space-between; justify-content: space-between;
height: 100%; height: 100%;
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
background-color: var(--color-bg-2); background-color: var(--color-bg-1);
} }
.left-side { .left-side {
display: flex; display: flex;

View File

@ -149,11 +149,25 @@
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border: 4px solid transparent; border: 4px solid transparent;
border-radius: 7px; border-radius: 7px;
background-color: var(--color-text-4); background-color: var(--color-bg-6);
background-clip: padding-box; background-clip: padding-box;
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-color: var(--color-text-3); background-color: var(--color-bg-6);
}
}
:deep(.arco-menu-light) {
background-color: var(--color-bg-1) !important;
.arco-menu-item {
:hover {
background-color: var(--color-bg-6);
}
.arco-menu-selected {
background-color: var(--color-bg-6);
:hover {
background-color: var(--color-bg-6);
}
}
} }
} }
} }

View File

@ -4,7 +4,7 @@ import type { NotificationReturn } from '@arco-design/web-vue/es/notification/in
import type { RouteRecordNormalized } from 'vue-router'; import type { RouteRecordNormalized } from 'vue-router';
import defaultSettings from '@/config/settings.json'; import defaultSettings from '@/config/settings.json';
import { getMenuList } from '@/api/modules/user'; import { getMenuList } from '@/api/modules/user';
import { AppState, CustomTheme } from './types'; import { AppState } from './types';
const useAppStore = defineStore('app', { const useAppStore = defineStore('app', {
state: (): AppState => ({ ...defaultSettings }), state: (): AppState => ({ ...defaultSettings }),