diff --git a/src/components/common/pageList.vue b/src/components/common/pageList.vue
index 3c874fbd..66afd561 100644
--- a/src/components/common/pageList.vue
+++ b/src/components/common/pageList.vue
@@ -94,22 +94,24 @@ defineExpose({
 .page-list-box {
   margin-top: 10px;
 }
-/deep/.ivu-scroll-container {
+:deep(.ivu-scroll-container) {
   div.ivu-scroll-loader:first-child {
     height: 0;
   }
 }
-/deep/.ivu-divider-horizontal.ivu-divider-with-text-center {
-  margin-bottom: 0;
+:deep(.ivu-divider-horizontal) {
+  &.ivu-divider-with-text-center {
+    margin-bottom: 0;
+  }
 }
-/deep/.ivu-tooltip-rel {
+:deep(.ivu-tooltip-rel) {
   display: block;
   position: relative;
   width: 100%;
   height: 100%;
 }
 
-/deep/.ivu-tooltip {
+:deep(.ivu-tooltip) {
   display: block;
   height: 100%;
   width: 100%;
diff --git a/src/components/imgStroke.vue b/src/components/imgStroke.vue
index 0ec26602..2fdf2f26 100644
--- a/src/components/imgStroke.vue
+++ b/src/components/imgStroke.vue
@@ -64,7 +64,6 @@ import useSelect from '@/hooks/select';
 import { Slider } from 'view-ui-plus';
 import { fabric } from 'fabric';
 import { Utils } from '@kuaitu/core';
-import { values } from 'lodash-es';
 
 interface IExtendImage {
   [x: string]: any;
diff --git a/src/views/template/index.vue b/src/views/template/index.vue
index b326c06b..0528dc2e 100644
--- a/src/views/template/index.vue
+++ b/src/views/template/index.vue
@@ -213,7 +213,7 @@ const toInfo = (info) => {
   padding: 20px;
   border: 2px solid #fff;
 
-  /deep/.ivu-tag-select {
+  :deep(.ivu-tag-select) {
     line-height: 32px;
     max-height: none;
     margin-left: 0;