diff --git a/src/layouts/LeftMode.vue b/src/layouts/LeftMode.vue index 1e0177b..7a00f22 100644 --- a/src/layouts/LeftMode.vue +++ b/src/layouts/LeftMode.vue @@ -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; diff --git a/src/layouts/LeftTopMode.vue b/src/layouts/LeftTopMode.vue index a07e38b..88899de 100644 --- a/src/layouts/LeftTopMode.vue +++ b/src/layouts/LeftTopMode.vue @@ -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); diff --git a/src/layouts/components/NavigationBar/index.vue b/src/layouts/components/NavigationBar/index.vue index 7cb3753..158bd9a 100644 --- a/src/layouts/components/NavigationBar/index.vue +++ b/src/layouts/components/NavigationBar/index.vue @@ -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); } } } diff --git a/src/layouts/components/Sidebar/index.vue b/src/layouts/components/Sidebar/index.vue index 9ecb27b..b235b1b 100644 --- a/src/layouts/components/Sidebar/index.vue +++ b/src/layouts/components/Sidebar/index.vue @@ -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); } } } diff --git a/src/styles/element-plus.scss b/src/styles/element-plus.scss index a3fba0c..adcf39c 100644 --- a/src/styles/element-plus.scss +++ b/src/styles/element-plus.scss @@ -14,7 +14,7 @@ .el-pagination__jump, .btn-prev, .btn-next { - display: none !important; + display: none; } } } diff --git a/src/styles/theme/core/layouts.scss b/src/styles/theme/core/layouts.scss index 92d3e62..faa23b6 100644 --- a/src/styles/theme/core/layouts.scss +++ b/src/styles/theme/core/layouts.scss @@ -21,7 +21,7 @@ .el-sub-menu { &.is-active { > .el-sub-menu__title { - color: #ffffff !important; + color: #ffffff; } } } diff --git a/src/styles/vxe-table.scss b/src/styles/vxe-table.scss index e77f21b..ee86a35 100644 --- a/src/styles/vxe-table.scss +++ b/src/styles/vxe-table.scss @@ -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; } } }