From b8033dc892070686ceb375c99cadc52f0035cd32 Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Thu, 21 Nov 2024 11:03:40 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E5=86=97=E4=BD=99?=
=?UTF-8?q?=E7=9A=84=20css=20important?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/layouts/LeftMode.vue | 6 +++---
src/layouts/LeftTopMode.vue | 4 ++--
src/layouts/components/NavigationBar/index.vue | 2 +-
src/layouts/components/Sidebar/index.vue | 6 +++---
src/styles/element-plus.scss | 2 +-
src/styles/theme/core/layouts.scss | 2 +-
src/styles/vxe-table.scss | 12 ++++++------
7 files changed, 17 insertions(+), 17 deletions(-)
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;
}
}
}