chore: remove /deep/

src/views/demo/comp/scroll/VirtualScroll.vue

@@ -49,7 +49,7 @@
       justify-content: center;
     }
 
-    /deep/ &__item {
+    &__item {
       height: 40px;
       padding: 0 20px;
       line-height: 40px;

src/views/demo/page/account/center/Application.vue

@@ -48,12 +48,12 @@
     },
   });
 </script>
-<style lang="less" scoped>
+<style lang="less">
   .account-center-application {
     &__card {
       width: 100%;
 
-      /deep/ .ant-card-body {
+      .ant-card-body {
         padding: 16px;
       }
 

src/views/demo/page/account/center/Project.vue

@@ -38,12 +38,12 @@
     },
   });
 </script>
-<style lang="less" scoped>
+<style lang="less">
   .account-center-project {
     &__card {
       width: 100%;
 
-      /deep/ .ant-card-body {
+      .ant-card-body {
         padding: 0 0 24px 0;
       }
 

src/views/demo/page/account/setting/index.vue

 <template>
   <ScrollContainer>
-    <div ref="wrapperRef" class="m-4 account">
+    <div ref="wrapperRef" :class="prefixCls">
       <Tabs tab-position="left" :tabBarStyle="tabBarStyle">
         <template v-for="item in settingList" :key="item.key">
           <TabPane :tab="item.name">
@@ -36,6 +36,7 @@
     },
     setup() {
       return {
+        prefixCls: 'account-setting',
         settingList,
         tabBarStyle: {
           width: '220px',
@@ -44,19 +45,16 @@
     },
   });
 </script>
-<style lang="less" scoped>
-  .account {
+<style lang="less">
+  .account-setting {
+    margin: 12px;
     background: #fff;
 
-    /deep/ .base-title {
+    .base-title {
       padding-left: 0;
     }
 
-    /deep/ .ant-tabs {
-      padding: 16px 0;
-    }
-
-    /deep/ .ant-tabs-tab-active {
+    .ant-tabs-tab-active {
       background-color: #e6f7ff;
     }
   }