diff --git a/src/tabs/tab-panel.ts b/src/tabs/tab-panel.ts
index d25ebf935..0d4333d7a 100644
--- a/src/tabs/tab-panel.ts
+++ b/src/tabs/tab-panel.ts
@@ -16,6 +16,7 @@ export default class TabPanel extends SuperComponent {
   properties = props;
 
   data = {
+    prefix,
     classPrefix: name,
     active: false,
     hide: true,
diff --git a/src/tabs/tab-panel.wxml b/src/tabs/tab-panel.wxml
index d9fc0a741..ab1f6f2c6 100644
--- a/src/tabs/tab-panel.wxml
+++ b/src/tabs/tab-panel.wxml
@@ -1,7 +1,7 @@
 <wxs src="../common/utils.wxs" module="utils" />
 <view
   wx:if="{{!(destroyOnHide && hide)}}"
-  class="{{classPrefix}} {{active ? 't-is-active': ''}}"
+  class="{{classPrefix}} {{active ? prefix + '-is-active': ''}}"
   style="{{hide ? 'display:none;' :''}}"
 >
   <view wx:if="{{panel}}">{{panel}}</view>
diff --git a/src/tabs/tabs.ts b/src/tabs/tabs.ts
index a0f240484..6da49772a 100644
--- a/src/tabs/tabs.ts
+++ b/src/tabs/tabs.ts
@@ -18,7 +18,7 @@ const trackLineWidth = 30;
 export default class Tabs extends SuperComponent {
   behaviors = [dom, touch];
 
-  externalClasses = ['t-class', 't-class-item', 't-class-active'];
+  externalClasses = [`${prefix}-class`, `${prefix}-class-item`, `${prefix}-class-active`];
 
   relations = {
     './tab-panel': {
@@ -53,6 +53,7 @@ export default class Tabs extends SuperComponent {
   };
 
   data = {
+    prefix,
     classPrefix: name,
     tabs: [],
     currentIndex: -1,
@@ -134,7 +135,7 @@ export default class Tabs extends SuperComponent {
     if (!children) return;
     const { currentIndex, isScrollX, direction } = this.data;
     if (currentIndex <= -1) return;
-    this.gettingBoundingClientRect('.t-tabs-item', true).then((res: any) => {
+    this.gettingBoundingClientRect(`.${prefix}-tabs__item`, true).then((res: any) => {
       const rect = res[currentIndex];
       if (!rect) return;
       let count = 0;
diff --git a/src/tabs/tabs.wxml b/src/tabs/tabs.wxml
index 89cbe1311..44b6298e1 100644
--- a/src/tabs/tabs.wxml
+++ b/src/tabs/tabs.wxml
@@ -1,5 +1,5 @@
 <wxs src="./tabs.wxs" module="filters" />
-<view class="t-class {{classPrefix}} {{classPrefix}}--{{placement}}">
+<view class="{{prefix}}-class {{classPrefix}} {{classPrefix}}--{{placement}}">
   <scroll-view
     class="{{classPrefix}}__scroll"
     enable-flex
@@ -11,7 +11,7 @@
         wx:for="{{tabs}}"
         wx:key="index"
         data-index="{{index}}"
-        class="t-class-item {{classPrefix}}__item  {{item.disabled ? 't-is-disabled' : '' }} {{currentIndex === index ? 't-is-active t-class-active' : ''}}"
+        class="{{prefix}}-class-item {{classPrefix}}__item  {{item.disabled ? (prefix + '-is-disabled') : '' }} {{currentIndex === index ? prefix + '-is-active ' + prefix + '-class-active' : ''}}"
         bind:tap="onTabTap"
       >
         {{item.label}}