diff --git a/src/components/Editor/index.vue b/src/components/Editor/index.vue
index 8981d76..8314a29 100644
--- a/src/components/Editor/index.vue
+++ b/src/components/Editor/index.vue
@@ -196,7 +196,7 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
 .editor, .ql-toolbar {
   white-space: pre-wrap !important;
   line-height: normal !important;
diff --git a/src/components/FileUpload/sgDragMove.vue b/src/components/FileUpload/sgDragMove.vue
index e4e6dbd..b5f3a42 100644
--- a/src/components/FileUpload/sgDragMove.vue
+++ b/src/components/FileUpload/sgDragMove.vue
@@ -216,7 +216,7 @@ export default {
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 [sgDragMove_grab="ready"] {
   cursor: var(--sgDragMove-grab); //css获取js传递的参数
 
diff --git a/src/components/FileUpload/sgDragSize.vue b/src/components/FileUpload/sgDragSize.vue
index 2c7fa5d..273480c 100644
--- a/src/components/FileUpload/sgDragSize.vue
+++ b/src/components/FileUpload/sgDragSize.vue
@@ -191,7 +191,7 @@ export default {
   }
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .sgDragSize {
   position: absolute;
   width: 100%;
diff --git a/src/components/MonitorDrawer/index.vue b/src/components/MonitorDrawer/index.vue
index 26940f0..ab9bda9 100644
--- a/src/components/MonitorDrawer/index.vue
+++ b/src/components/MonitorDrawer/index.vue
@@ -40,7 +40,7 @@
         }
     }
 </script>
-<style>
+<style scoped>
 .el-drawer .el-drawer__body{
   padding: 0px 0px !important;
 }
diff --git a/src/components/ThemePicker/index.vue b/src/components/ThemePicker/index.vue
index 1714e1f..09d1708 100644
--- a/src/components/ThemePicker/index.vue
+++ b/src/components/ThemePicker/index.vue
@@ -155,7 +155,7 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 .theme-message,
 .theme-picker-dropdown {
   z-index: 99999 !important;
diff --git a/src/components/TopNav/index.vue b/src/components/TopNav/index.vue
index 86a91c4..c1b52b3 100644
--- a/src/components/TopNav/index.vue
+++ b/src/components/TopNav/index.vue
@@ -168,7 +168,7 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .topmenu-container.el-menu--horizontal > .el-menu-item {
   float: left;
   height: 50px !important;
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index a25c562..7f74b3b 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -51,7 +51,7 @@ export default {
 }
 </style>
 
-<style lang="scss">
+<style lang="scss" scoped>
 // fix css style bug in open el-dialog
 .el-popup-parent--hidden {
   .fixed-header {
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 20158fa..ab655d0 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -306,7 +306,7 @@ export default {
 }
 </style>
 
-<style lang="scss">
+<style lang="scss" scoped>
 //reset element css of el-icon-close
 .tags-view-wrapper {
   .tags-view-item {
diff --git a/src/views/document/uploadProgress.vue b/src/views/document/uploadProgress.vue
index 25d7188..1cc1a0c 100644
--- a/src/views/document/uploadProgress.vue
+++ b/src/views/document/uploadProgress.vue
@@ -69,7 +69,7 @@
   };
 </script>
 
-<style>
+<style scoped>
   .progress-bar {
     position: fixed;
     bottom: 10px;