diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 7b63b53..1423cb2 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 66548df..c5de229 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;