wzp/v3-admin-vite
Template
1
0
Fork 0
mirror of https://github.com/un-pany/v3-admin-vite.git synced 2025-04-20 19:09:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化冗余的 css important

Browse Source
This commit is contained in:
pany 2024-11-21 11:03:40 +08:00
parent 526c2cf2c6
commit b8033dc892
7 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/layouts/LeftMode.vue
View File

@ -68,7 +68,7 @@ $transition-time: 0.35s;
.sidebar-container {
background-color: var(--v3-sidebar-menu-bg-color);
transition: width $transition-time;
width: var(--v3-sidebar-width) !important;
width: var(--v3-sidebar-width);
height: 100%;
position: fixed;
top: 0;
@ -126,7 +126,7 @@ $transition-time: 0.35s;
.hideSidebar {
.sidebar-container {
width: var(--v3-sidebar-hide-width) !important;
width: var(--v3-sidebar-hide-width);
}
.main-container {
margin-left: var(--v3-sidebar-hide-width);
@ -140,7 +140,7 @@ $transition-time: 0.35s;
.mobile {
.sidebar-container {
transition: transform $transition-time;
width: var(--v3-sidebar-width) !important;
width: var(--v3-sidebar-width);
}
.main-container {
margin-left: 0px;

4
src/layouts/LeftTopMode.vue
View File

@ -75,7 +75,7 @@ $transition-time: 0.35s;
.sidebar-container {
background-color: var(--el-menu-bg-color);
transition: width $transition-time;
width: var(--v3-sidebar-width) !important;
width: var(--v3-sidebar-width);
height: 100%;
position: fixed;
left: 0;
@ -95,7 +95,7 @@ $transition-time: 0.35s;
.hideSidebar {
.sidebar-container {
width: var(--v3-sidebar-hide-width) !important;
width: var(--v3-sidebar-hide-width);
}
.app-main {
padding-left: var(--v3-sidebar-hide-width);

2
src/layouts/components/NavigationBar/index.vue
View File

@ -104,7 +104,7 @@ function logout() {
:deep(.el-sub-menu) {
&.is-active {
.el-sub-menu__title {
color: var(--el-color-primary) !important;
color: var(--el-color-primary);
}
}
}

6
src/layouts/components/Sidebar/index.vue
View File

@ -93,7 +93,7 @@ const tipLineWidth = computed(() => {
height: 100%;
:deep(.scrollbar-wrapper) {
// 限制水平宽度
overflow-x: hidden !important;
overflow-x: hidden;
}
// 滚动条
:deep(.el-scrollbar__bar) {
@ -106,7 +106,7 @@ const tipLineWidth = computed(() => {
.el-menu {
border: none;
width: 100% !important;
width: 100%;
}
.el-menu--horizontal {
@ -128,7 +128,7 @@ const tipLineWidth = computed(() => {
:deep(.el-sub-menu) {
&.is-active {
> .el-sub-menu__title {
color: v-bind(activeTextColor) !important;
color: v-bind(activeTextColor);
}
}
}

2
src/styles/element-plus.scss
View File

@ -14,7 +14,7 @@
.el-pagination__jump,
.btn-prev,
.btn-next {
display: none !important;
display: none;
}
}
}

2
src/styles/theme/core/layouts.scss
View File

@ -21,7 +21,7 @@
.el-sub-menu {
&.is-active {
> .el-sub-menu__title {
color: #ffffff !important;
color: #ffffff;
}
}
}

12
src/styles/vxe-table.scss
View File

@ -4,23 +4,23 @@
// 表单
&--form-wrapper {
.vxe-form {
padding: 10px 20px !important;
margin-bottom: 20px !important;
padding: 10px 20px;
margin-bottom: 20px;
}
}
// 工具栏
&--toolbar-wrapper {
.vxe-toolbar {
padding: 20px !important;
padding: 20px;
}
}
// 分页
&--pager-wrapper {
.vxe-pager {
height: 70px !important;
padding: 0 20px !important;
height: 70px;
padding: 0 20px;
&--wrapper {
// 参考 Bootstrap 的响应式设计 WIDTH = 768
@media screen and (max-width: 768px) {
@ -29,7 +29,7 @@
.vxe-pager--jump,
.vxe-pager--jump-prev,
.vxe-pager--jump-next {
display: none !important;
display: none;
}
}
}