zhouyanli/wer-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add 增加系统圆角配置，并将部分圆角样式改为使用变量

Browse Source
This commit is contained in:
lau
2026-04-01 23:41:44 +08:00
parent 38c67fba25
commit 029eb6636c
16 changed files with 55 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/styles/components/_card-shell.scss
View File

@@ -47,7 +47,7 @@
}
.el-card {
border-radius: var(--app-radius-lg);
border-radius: var(--app-radius-base);
box-shadow: var(--app-shadow-sm);
border-color: var(--app-surface-border);
overflow: hidden;

2
src/assets/styles/layout/_surface.scss
View File

@@ -8,7 +8,7 @@
.panel,
.search {
margin-bottom: 0.75rem;
border-radius: var(--app-radius-lg);
border-radius: var(--app-radius-base);
border: 1px solid var(--app-surface-border);
background-color: var(--app-surface-bg);
padding: 0.75rem;

7
src/assets/styles/tokens/_theme.scss
View File

@@ -26,9 +26,10 @@
--tags-view-active-border-color: var(--el-color-primary);
// --- 应用壳：圆角、阴影、表面、导航、强调色与文案色 ---
--app-radius-sm: 6px;
--app-radius-md: 12px;
--app-radius-lg: 18px;
--app-radius-sm: calc(var(--app-radius-base) - 8px);
--app-radius-md: calc(var(--app-radius-base) - 4px);
--app-radius-lg: var(--app-radius-base);
--app-radius-base: 18px;
--app-space-base: 12px;

8
src/assets/styles/vendors/element-plus/_card.scss vendored
View File

@@ -3,11 +3,11 @@
}
.el-card .el-card__header {
border-top-left-radius: var(--app-radius-lg);
border-top-right-radius: var(--app-radius-lg);
border-top-left-radius: var(--app-radius-base);
border-top-right-radius: var(--app-radius-base);
}
.el-card .el-card__body {
border-bottom-left-radius: var(--app-radius-lg);
border-bottom-right-radius: var(--app-radius-lg);
border-bottom-left-radius: var(--app-radius-base);
border-bottom-right-radius: var(--app-radius-base);
}

2
src/assets/styles/vendors/element-plus/_dialog.scss vendored
View File

@@ -15,7 +15,7 @@
.el-dialog {
margin: 0 auto !important;
border-radius: var(--app-radius-lg);
border-radius: var(--app-radius-base);
box-shadow: var(--app-shadow-md);
overflow: hidden;
border: 1px solid var(--app-surface-border);

2
src/assets/styles/vendors/element-plus/_overrides.scss vendored
View File

@@ -9,7 +9,7 @@
.el-dropdown__popper .el-dropdown-menu,
.el-picker__popper,
.el-select__popper.el-popper {
border-radius: var(--app-radius-lg);
border-radius: var(--app-radius-base);
border-color: var(--app-surface-border);
box-shadow: var(--app-shadow-md);
}

5
src/assets/styles/vendors/element-plus/_shell.scss vendored
View File

@@ -1,7 +1,7 @@
/* Drawers, loading masks, descriptions, trees, and empty states. */
.el-drawer {
border-radius: var(--app-radius-lg);
border-radius: var(--app-radius-base);
box-shadow: var(--app-shadow-md);
border: 1px solid var(--app-surface-border);
}
@@ -98,8 +98,7 @@
}
.el-color-dropdown {
border-radius: 16px;
border-radius: var(--app-radius-base);
border: 1px solid var(--app-surface-border);
box-shadow: var(--app-shadow-md);
}