diff --git a/src/views/demo/comp/scroll/VirtualScroll.vue b/src/views/demo/comp/scroll/VirtualScroll.vue
index 9d13b767190516eeab21c664153264fc8b557b2e..bdff6b261e1fba1432b282f1e911b4eb1cb26950 100644
--- a/src/views/demo/comp/scroll/VirtualScroll.vue
+++ b/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;
diff --git a/src/views/demo/page/account/center/Application.vue b/src/views/demo/page/account/center/Application.vue
index 91d945795ccc8e66a3657511aeb7cc4ea2c77efc..e3eb2ca7be0b902358b6e787c755333524df255f 100644
--- a/src/views/demo/page/account/center/Application.vue
+++ b/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;
       }
 
diff --git a/src/views/demo/page/account/center/Project.vue b/src/views/demo/page/account/center/Project.vue
index 4c3badbd61ecd8b77b09014687f4cd9871a38e1a..aa7256cbbd28f93acbb0fd7245b34cb07cedfe3b 100644
--- a/src/views/demo/page/account/center/Project.vue
+++ b/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;
       }
 
diff --git a/src/views/demo/page/account/setting/index.vue b/src/views/demo/page/account/setting/index.vue
index 76ec03465ab482f9719c54c50a8ad5c5c8826625..d7845e92f2b365146b3e0b36c23ab133b32f2e4c 100644
--- a/src/views/demo/page/account/setting/index.vue
+++ b/src/views/demo/page/account/setting/index.vue
@@ -1,6 +1,6 @@
 <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;
     }
   }