diff --git a/packages/tree-select/index.less b/packages/tree-select/index.less
index 25475a19..0e834d72 100644
--- a/packages/tree-select/index.less
+++ b/packages/tree-select/index.less
@@ -1,6 +1,6 @@
 @import '../common/style/var.less';
 
-.tree-select {
+.van-tree-select {
   user-select: none;
   position: relative;
   font-size: 16px;
diff --git a/packages/tree-select/index.wxml b/packages/tree-select/index.wxml
index 7089e32e..384648a1 100644
--- a/packages/tree-select/index.wxml
+++ b/packages/tree-select/index.wxml
@@ -1,12 +1,12 @@
 <view
-  class="tree-select"
+  class="van-tree-select"
   style="height: {{ mainHeight }}px"
 >
-  <view class="tree-select__nav">
+  <view class="van-tree-select__nav">
     <view
       wx:for="{{ items }}"
       wx:key="index"
-      class="tree-select__nitem van-ellipsis {{ mainActiveIndex === index ? 'tree-select__nitem--active' : '' }}"
+      class="van-tree-select__nitem van-ellipsis {{ mainActiveIndex === index ? 'van-tree-select__nitem--active' : '' }}"
       data-index="{{ index }}"
       bind:tap="onClickNav"
     >
@@ -14,13 +14,13 @@
     </view>
   </view>
   <view
-    class="tree-select__content"
+    class="van-tree-select__content"
     style="height: {{ itemHeight }}px"
   >
     <view
       wx:for="{{ subItems }}"
       wx:key="item.id"
-      class="tree-select__item van-ellipsis {{ activeId === item.id ? 'tree-select__item--active' : '' }}"
+      class="van-tree-select__item van-ellipsis {{ activeId === item.id ? 'van-tree-select__item--active' : '' }}"
       data-item="{{ item }}"
       bind:tap="onSelectItem"
     >
@@ -28,7 +28,7 @@
       <van-icon
         wx:if="{{ activeId === item.id }}"
         name="success"
-        class="tree-select__selected"
+        class="van-tree-select__selected"
       />
     </view>
   </view>