From 9dca4c5653d485097f402d114b08c805ee422a0e Mon Sep 17 00:00:00 2001
From: ClariS <1457715339@qq.com>
Date: Wed, 28 Sep 2022 17:09:02 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E7=A9=BF=E9=80=8F?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=9C=80=E6=96=B0=E7=9A=84=20:v-deep=20?=
 =?UTF-8?q?=E8=AF=AD=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Sidebar/SidebarItem.vue |  2 +-
 src/layout/components/Sidebar/index.vue       | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 7b63b53c..1423cb20 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -106,7 +106,7 @@ const resolvePath = (routePath: string) => {
 
 .simple-mode {
   &.first-level {
-    ::v-deep(.el-sub-menu) {
+    :deep(.el-sub-menu) {
       .el-sub-menu__icon-arrow {
         display: none;
       }
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 66548df9..c5de2298 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -80,7 +80,7 @@ const isCollapse = computed(() => {
 
 .el-scrollbar {
   height: 100%;
-  ::v-deep(.scrollbar-wrapper) {
+  :deep(.scrollbar-wrapper) {
     // 限制水平宽度
     overflow-x: hidden !important;
     .el-scrollbar__view {
@@ -88,7 +88,7 @@ const isCollapse = computed(() => {
     }
   }
   // 滚动条
-  ::v-deep(.el-scrollbar__bar) {
+  :deep(.el-scrollbar__bar) {
     &.is-horizontal {
       // 隐藏水平滚动条
       display: none;
@@ -102,9 +102,9 @@ const isCollapse = computed(() => {
   width: 100% !important;
 }
 
-::v-deep(.el-menu-item),
-::v-deep(.el-sub-menu__title),
-::v-deep(.el-sub-menu .el-menu-item) {
+:deep(.el-menu-item),
+:deep(.el-sub-menu__title),
+:deep(.el-sub-menu .el-menu-item) {
   height: var(--v3-sidebar-menu-item-height);
   line-height: var(--v3-sidebar-menu-item-height);
   &:hover {
@@ -116,14 +116,14 @@ const isCollapse = computed(() => {
   }
 }
 
-::v-deep(.el-menu-item) {
+:deep(.el-menu-item) {
   &.is-active {
     @include tip-line;
   }
 }
 
 .el-menu--collapse {
-  ::v-deep(.el-sub-menu) {
+  :deep(.el-sub-menu) {
     &.is-active {
       .el-sub-menu__title {
         color: var(--v3-sidebar-menu-active-text-color) !important;