dengshizzp/jk8_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化后台界面与报表样式

Browse Source
This commit is contained in:
wchino
2026-06-11 15:32:22 +08:00
parent 064ba727e0
commit 9b10f21663
37 changed files with 5746 additions and 610 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
web/src/layouts/backend/components/navBar/default.vue
View File

@@ -29,46 +29,63 @@ const onMenuCollapse = () => {
<style lang="scss" scoped>
.nav-bar {
display: flex;
height: 50px;
margin: 20px var(--ba-main-space) 0 var(--ba-main-space);
height: 52px;
margin: var(--ba-main-space) var(--ba-main-space) 0 var(--ba-main-space);
gap: 12px;
:deep(.nav-tabs) {
display: flex;
height: 100%;
position: relative;
min-width: 0;
.ba-nav-tab {
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px;
padding: 0 18px;
cursor: pointer;
z-index: 1;
user-select: none;
opacity: 0.7;
opacity: 0.78;
color: v-bind('config.getColorVal("headerBarTabColor")');
border-radius: var(--ba-radius-control);
transition:
opacity 0.2s ease,
color 0.2s ease,
background-color 0.2s ease;
.close-icon {
padding: 2px;
margin: 2px 0 0 4px;
}
.close-icon:hover {
background: var(--ba-color-primary-light);
color: var(--el-border-color) !important;
background: var(--el-color-primary-light-8);
color: var(--el-color-primary) !important;
border-radius: 50%;
}
&.active {
color: v-bind('config.getColorVal("headerBarTabActiveColor")');
font-weight: 600;
}
&:hover {
opacity: 1;
background: v-bind('config.getColorVal("headerBarHoverBackground")');
}
}
.nav-tabs-active-box {
position: absolute;
height: 40px;
border-radius: var(--el-border-radius-base);
height: 38px;
top: 7px;
border-radius: var(--ba-radius-control);
background-color: v-bind('config.getColorVal("headerBarTabActiveBackground")');
box-shadow: var(--el-box-shadow-light);
transition: all 0.2s;
-webkit-transition: all 0.2s;
border: 1px solid var(--ba-border-color-soft);
box-shadow: var(--ba-shadow-card);
transition:
transform 0.2s ease,
width 0.2s ease,
left 0.2s ease;
-webkit-transition:
transform 0.2s ease,
width 0.2s ease,
left 0.2s ease;
}
}
}
@@ -76,6 +93,7 @@ const onMenuCollapse = () => {
width: 100%;
background-color: v-bind('config.getColorVal("headerBarBackground")');
margin: 0;
border-bottom: 1px solid var(--ba-border-color-soft);
.unfold {
align-self: center;
padding-left: var(--ba-main-space);