admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions 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 { .sidebar-container {
background-color: var(--v3-sidebar-menu-bg-color); background-color: var(--v3-sidebar-menu-bg-color);
transition: width $transition-time; transition: width $transition-time;
width: var(--v3-sidebar-width) !important; width: var(--v3-sidebar-width);
height: 100%; height: 100%;
position: fixed; position: fixed;
top: 0; top: 0;
@ -126,7 +126,7 @@ $transition-time: 0.35s;
.hideSidebar { .hideSidebar {
.sidebar-container { .sidebar-container {
width: var(--v3-sidebar-hide-width) !important; width: var(--v3-sidebar-hide-width);
} }
.main-container { .main-container {
margin-left: var(--v3-sidebar-hide-width); margin-left: var(--v3-sidebar-hide-width);
@ -140,7 +140,7 @@ $transition-time: 0.35s;
.mobile { .mobile {
.sidebar-container { .sidebar-container {
transition: transform $transition-time; transition: transform $transition-time;
width: var(--v3-sidebar-width) !important; width: var(--v3-sidebar-width);
} }
.main-container { .main-container {
margin-left: 0px; margin-left: 0px;

4
src/layouts/LeftTopMode.vue
View File

@ -75,7 +75,7 @@ $transition-time: 0.35s;
.sidebar-container { .sidebar-container {
background-color: var(--el-menu-bg-color); background-color: var(--el-menu-bg-color);
transition: width $transition-time; transition: width $transition-time;
width: var(--v3-sidebar-width) !important; width: var(--v3-sidebar-width);
height: 100%; height: 100%;
position: fixed; position: fixed;
left: 0; left: 0;
@ -95,7 +95,7 @@ $transition-time: 0.35s;
.hideSidebar { .hideSidebar {
.sidebar-container { .sidebar-container {
width: var(--v3-sidebar-hide-width) !important; width: var(--v3-sidebar-hide-width);
} }
.app-main { .app-main {
padding-left: var(--v3-sidebar-hide-width); 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) { :deep(.el-sub-menu) {
&.is-active { &.is-active {
.el-sub-menu__title { .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%; height: 100%;
:deep(.scrollbar-wrapper) { :deep(.scrollbar-wrapper) {
// 限制水平宽度 // 限制水平宽度
overflow-x: hidden !important; overflow-x: hidden;
} }
// 滚动条 // 滚动条
:deep(.el-scrollbar__bar) { :deep(.el-scrollbar__bar) {
@ -106,7 +106,7 @@ const tipLineWidth = computed(() => {
.el-menu { .el-menu {
border: none; border: none;
width: 100% !important; width: 100%;
} }
.el-menu--horizontal { .el-menu--horizontal {
@ -128,7 +128,7 @@ const tipLineWidth = computed(() => {
:deep(.el-sub-menu) { :deep(.el-sub-menu) {
&.is-active { &.is-active {
> .el-sub-menu__title { > .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, .el-pagination__jump,
.btn-prev, .btn-prev,
.btn-next { .btn-next {
display: none !important; display: none;
} }
} }
} }

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

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

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

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