diff --git a/core/frontend/src/components/dataeaseTabs/index.vue b/core/frontend/src/components/dataeaseTabs/index.vue
index fa732ec6bf..775f4ab3f8 100644
--- a/core/frontend/src/components/dataeaseTabs/index.vue
+++ b/core/frontend/src/components/dataeaseTabs/index.vue
@@ -1,7 +1,7 @@
 <template>
   <el-tabs
     ref="tabsConstom"
-    :class="['de-tabs',...tabClassName]"
+    :class="['de-tabs-component',...tabClassName]"
     :style="tabStyle"
     v-bind="$attrs"
     v-on="$listeners"
@@ -60,7 +60,7 @@ export default {
 }
 </script>
 <style lang="scss">
-@import "../../styles/de-tabs";
+@import "../../styles/de-tabs-component";
 
 </style>
 
diff --git a/core/frontend/src/styles/de-tabs.scss b/core/frontend/src/styles/de-tabs-component.scss
similarity index 99%
rename from core/frontend/src/styles/de-tabs.scss
rename to core/frontend/src/styles/de-tabs-component.scss
index 08992957a7..b3290edcc8 100644
--- a/core/frontend/src/styles/de-tabs.scss
+++ b/core/frontend/src/styles/de-tabs-component.scss
@@ -2,7 +2,7 @@
    项目中可根据自己的styles路径 自行更改 */
    @import "./variables";
 
-   .de-tabs {
+   .de-tabs-component {
      &.no-header {
        .el-tabs__header {
          display: none;