diff --git a/README.md b/README.md
index 55e949a7..1c0adb1f 100644
--- a/README.md
+++ b/README.md
@@ -59,14 +59,14 @@ npm run dev
 ```json
 {
     "usingComponents": {
-        "zan-button": "/path/to/vant-weapp/dist/btn/index"
+        "van-button": "/path/to/vant-weapp/dist/btn/index"
     }
 }
 ```
 ```html
 <!-- example/btn/index.html -->
 
-<zan-button>按钮</zan-button>
+<van-button>按钮</van-button>
 ```
 
 ![](https://img.yzcdn.cn/public_files/2017/02/08/1b1e39ed3dc6b63519a68ba1e2650cfc.png)
@@ -78,12 +78,12 @@ npm run dev
 ```json
 {
     "usingComponents": {
-        "zan-toast": "/path/to/vant-weapp/dist/toast/index"
+        "van-toast": "/path/to/vant-weapp/dist/toast/index"
     }
 }
 ```
 ```html
-<zan-toast id="zan-toast-test"></zan-toast>
+<van-toast id="van-toast-test"></van-toast>
 ```
 
 将对应的 Toast 的函数引入页面，就可以直接调用来展示 Toast 了
@@ -96,7 +96,7 @@ const Toast = require('/path/to/vant-weapp/dist/toast/toast');
 Page({
   showToast() {
     Toast({
-        selector: '#zan-toast-test',
+        selector: '#van-toast-test',
         message: 'toast内容'
     });
   }
diff --git a/changelog.md b/changelog.md
index 848b65cd..e650d19f 100644
--- a/changelog.md
+++ b/changelog.md
@@ -246,7 +246,7 @@
 
 **Improvements**
 
-- 修复 zan-icon-new 展示 [\#66](https://github.com/youzan/vant-weapp/pull/66) ([pangxie1991](https://github.com/pangxie1991))
+- 修复 van-icon-new 展示 [\#66](https://github.com/youzan/vant-weapp/pull/66) ([pangxie1991](https://github.com/pangxie1991))
 
 ## [v2.3.4](https://github.com/youzan/vant-weapp/tree/v2.3.4) (2017-11-24)
 [Full Changelog](https://github.com/youzan/vant-weapp/compare/v2.3.3...v2.3.4)
diff --git a/dist/actionsheet/index.json b/dist/actionsheet/index.json
index 9d70aaf4..5ec84cb6 100644
--- a/dist/actionsheet/index.json
+++ b/dist/actionsheet/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-btn": "../btn/index"
+    "van-btn": "../btn/index"
   }
 }
diff --git a/dist/actionsheet/index.wxml b/dist/actionsheet/index.wxml
index de6b80d0..48c53780 100644
--- a/dist/actionsheet/index.wxml
+++ b/dist/actionsheet/index.wxml
@@ -1,39 +1,39 @@
-<view class="zan-actionsheet {{ show ? 'zan-actionsheet--show' : '' }}">
+<view class="van-actionsheet {{ show ? 'van-actionsheet--show' : '' }}">
   <view
-    class="mask-class zan-actionsheet__mask"
+    class="mask-class van-actionsheet__mask"
     bindtap="onMaskClick"
   ></view>
-  <view class="container-class zan-actionsheet__container">
+  <view class="container-class van-actionsheet__container">
     <!-- 选项按钮 -->
-    <zan-btn
+    <van-btn
       wx:for="{{ actions }}"
       wx:key="{{ index }}-{{ item.name }}"
       bind:btnclick="handleBtnClick"
       data-index="{{ index }}"
       open-type="{{ item.openType }}"
-      custom-class="zan-actionsheet__btn"
+      custom-class="van-actionsheet__btn"
       loading="{{ item.loading }}"
     >
       <!-- 自定义组件控制 slot 样式有问题，故在 slot 容器上传入 loading 信息 -->
-      <view class="zan-actionsheet__btn-content {{ item.loading ? 'zan-actionsheet__btn--loading' : '' }}">
-        <view class="zan-actionsheet__name">{{ item.name }}</view>
+      <view class="van-actionsheet__btn-content {{ item.loading ? 'van-actionsheet__btn--loading' : '' }}">
+        <view class="van-actionsheet__name">{{ item.name }}</view>
         <view
           wx:if="{{ item.subname }}"
-          class="zan-actionsheet__subname">
+          class="van-actionsheet__subname">
           {{ item.subname }}
         </view>
       </view>
-    </zan-btn>
+    </van-btn>
 
     <!-- 关闭按钮 -->
     <view
       wx:if="{{ cancelText }}"
-      class="zan-actionsheet__footer"
+      class="van-actionsheet__footer"
     >
-      <zan-btn
-        custom-class="zan-actionsheet__btn"
+      <van-btn
+        custom-class="van-actionsheet__btn"
         catchtap="cancelClick"
-      >{{ cancelText }}</zan-btn>
+      >{{ cancelText }}</van-btn>
     </view>
   </view>
 </view>
diff --git a/dist/actionsheet/index.wxss b/dist/actionsheet/index.wxss
index d580e64c..101f00db 100644
--- a/dist/actionsheet/index.wxss
+++ b/dist/actionsheet/index.wxss
@@ -1 +1 @@
-.zan-actionsheet{background-color:#f8f8f8}.zan-actionsheet__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.7);display:none}.zan-actionsheet__container{position:fixed;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:11;opacity:0;visibility:hidden}.zan-actionsheet__btn{margin-bottom:0!important}.zan-actionsheet__footer .zan-actionsheet__btn{background:#fff}.zan-actionsheet__btn-content{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:center;justify-content:center}.zan-actionsheet__subname{color:#999}.zan-actionsheet__name,.zan-actionsheet__subname{height:45px;line-height:45px}.zan-actionsheet__btn.zan-btn:last-child::after{border-bottom-width:0}.zan-actionsheet__subname{margin-left:2px;font-size:12px}.zan-actionsheet__footer{margin-top:10px}.zan-actionsheet__btn--loading .zan-actionsheet__subname{color:transparent}.zan-actionsheet--show .zan-actionsheet__container{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}.zan-actionsheet--show .zan-actionsheet__mask{display:block}
\ No newline at end of file
+.van-actionsheet{background-color:#f8f8f8}.van-actionsheet__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.7);display:none}.van-actionsheet__container{position:fixed;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:11;opacity:0;visibility:hidden}.van-actionsheet__btn{margin-bottom:0!important}.van-actionsheet__footer .van-actionsheet__btn{background:#fff}.van-actionsheet__btn-content{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:center;justify-content:center}.van-actionsheet__subname{color:#999}.van-actionsheet__name,.van-actionsheet__subname{height:45px;line-height:45px}.van-actionsheet__btn.van-btn:last-child::after{border-bottom-width:0}.van-actionsheet__subname{margin-left:2px;font-size:12px}.van-actionsheet__footer{margin-top:10px}.van-actionsheet__btn--loading .van-actionsheet__subname{color:transparent}.van-actionsheet--show .van-actionsheet__container{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}.van-actionsheet--show .van-actionsheet__mask{display:block}
\ No newline at end of file
diff --git a/dist/badge/index.wxml b/dist/badge/index.wxml
index 322f1ba7..31b18476 100644
--- a/dist/badge/index.wxml
+++ b/dist/badge/index.wxml
@@ -1,6 +1,6 @@
-<view class="zan-badge">
+<view class="van-badge">
   <view
-    class="zan-badge__text"
+    class="van-badge__text"
     style="color: {{ color }}; background-color: {{ backgroundColor }};font-size: {{ fontSize * 2 }}px; box-shadow: {{ boxShadow }};"
   >
     <slot></slot>
diff --git a/dist/badge/index.wxss b/dist/badge/index.wxss
index 4e52bf72..fa21f8fa 100644
--- a/dist/badge/index.wxss
+++ b/dist/badge/index.wxss
@@ -1 +1 @@
-.zan-badge{position:relative}.zan-badge__text{position:absolute;top:-.8em;right:0;height:1.6em;min-width:1.6em;line-height:1.6;padding:0 .4em;font-size:20px;border-radius:.8em;background:#f44;color:#fff;text-align:center;white-space:nowrap;-webkit-transform:translateX(50%) scale(.5);transform:translateX(50%) scale(.5);-webkit-transform-origin:center;transform-origin:center;z-index:10;box-shadow:0 0 0 2px #fff;box-sizing:border-box}
\ No newline at end of file
+.van-badge{position:relative}.van-badge__text{position:absolute;top:-.8em;right:0;height:1.6em;min-width:1.6em;line-height:1.6;padding:0 .4em;font-size:20px;border-radius:.8em;background:#f44;color:#fff;text-align:center;white-space:nowrap;-webkit-transform:translateX(50%) scale(.5);transform:translateX(50%) scale(.5);-webkit-transform-origin:center;transform-origin:center;z-index:10;box-shadow:0 0 0 2px #fff;box-sizing:border-box}
\ No newline at end of file
diff --git a/dist/btn/index.wxml b/dist/btn/index.wxml
index 13d69d79..4ad687b9 100644
--- a/dist/btn/index.wxml
+++ b/dist/btn/index.wxml
@@ -1,5 +1,5 @@
 <button
-  class="custom-class theme-class zan-btn {{ inGroup ? 'zan-btn--group' : '' }} {{ isLast ? 'zan-btn--last' : '' }} {{size ? 'zan-btn--'+size : ''}} {{size === 'mini' ? 'zan-btn--plain' : ''}} {{plain ? 'zan-btn--plain' : ''}} {{type ? 'zan-btn--'+type : ''}} {{loading ? 'zan-btn--loading' : ''}} {{disabled ? 'zan-btn--disabled' : ''}}"
+  class="custom-class theme-class van-btn {{ inGroup ? 'van-btn--group' : '' }} {{ isLast ? 'van-btn--last' : '' }} {{size ? 'van-btn--'+size : ''}} {{size === 'mini' ? 'van-btn--plain' : ''}} {{plain ? 'van-btn--plain' : ''}} {{type ? 'van-btn--'+type : ''}} {{loading ? 'van-btn--loading' : ''}} {{disabled ? 'van-btn--disabled' : ''}}"
   disabled="{{ disabled }}"
   hover-class="button-hover"
   open-type="{{ openType }}"
diff --git a/dist/btn/index.wxss b/dist/btn/index.wxss
index 84d50b9e..d8eb79ce 100644
--- a/dist/btn/index.wxss
+++ b/dist/btn/index.wxss
@@ -1 +1 @@
-.zan-btn{position:relative;color:#333;background-color:#fff;padding-left:15px;padding-right:15px;border-radius:2px;font-size:16px;line-height:45px;height:45px;box-sizing:border-box;text-decoration:none;text-align:center;vertical-align:middle;overflow:visible}.zan-btn--group{margin-bottom:10px}.zan-btn::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:4px}.zan-btn--primary{color:#fff;background-color:#4b0}.zan-btn--primary::after{border-color:#0a0}.zan-btn--warn{color:#fff;background-color:#f85}.zan-btn--warn::after{border-color:#f85}.zan-btn--danger{color:#fff;background-color:#f44}.zan-btn--danger::after{border-color:#e33}.zan-btn--small{display:inline-block;height:30px;line-height:30px;font-size:12px}.zan-btn--small.zan-btn--group{margin-bottom:0;margin-right:5px}.zan-btn--mini{display:inline-block;line-height:21px;height:22px;font-size:10px;padding-left:5px;padding-right:5px}.zan-btn--mini.zan-btn--group{margin-bottom:0;margin-right:5px}.zan-btn--large{border-radius:0;border:none;line-height:50px;height:50px}.zan-btn--large.zan-btn--group{margin-bottom:0}.zan-btn--plain.zan-btn{background-color:transparent}.zan-btn--plain.zan-btn--primary{color:#06bf04}.zan-btn--plain.zan-btn--warn{color:#f60}.zan-btn--plain.zan-btn--danger{color:#f44}.button-hover{opacity:.9}.zan-btn--loading{color:transparent;opacity:1}.zan-btn--loading::before{position:absolute;left:50%;top:50%;content:' ';width:16px;height:16px;margin-left:-8px;margin-top:-8px;border:3px solid #e5e5e5;border-color:#666 #e5e5e5 #e5e5e5 #e5e5e5;border-radius:8px;box-sizing:border-box;-webkit-animation:btn-spin .6s linear;animation:btn-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.zan-btn--danger.zan-btn--loading::before,.zan-btn--primary.zan-btn--loading::before,.zan-btn--warn.zan-btn--loading::before{border-color:#fff rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1)}@-webkit-keyframes btn-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes btn-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.zan-btn.zan-btn--disabled{color:#999!important;background:#f8f8f8!important;border-color:#e5e5e5!important;cursor:not-allowed!important;opacity:1!important}.zan-btn.zan-btn--disabled::after{border-color:#e5e5e5!important}.zan-btn--group.zan-btn--last{margin-bottom:0;margin-right:0}
\ No newline at end of file
+.van-btn{position:relative;color:#333;background-color:#fff;padding-left:15px;padding-right:15px;border-radius:2px;font-size:16px;line-height:45px;height:45px;box-sizing:border-box;text-decoration:none;text-align:center;vertical-align:middle;overflow:visible}.van-btn--group{margin-bottom:10px}.van-btn::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:4px}.van-btn--primary{color:#fff;background-color:#4b0}.van-btn--primary::after{border-color:#0a0}.van-btn--warn{color:#fff;background-color:#f85}.van-btn--warn::after{border-color:#f85}.van-btn--danger{color:#fff;background-color:#f44}.van-btn--danger::after{border-color:#e33}.van-btn--small{display:inline-block;height:30px;line-height:30px;font-size:12px}.van-btn--small.van-btn--group{margin-bottom:0;margin-right:5px}.van-btn--mini{display:inline-block;line-height:21px;height:22px;font-size:10px;padding-left:5px;padding-right:5px}.van-btn--mini.van-btn--group{margin-bottom:0;margin-right:5px}.van-btn--large{border-radius:0;border:none;line-height:50px;height:50px}.van-btn--large.van-btn--group{margin-bottom:0}.van-btn--plain.van-btn{background-color:transparent}.van-btn--plain.van-btn--primary{color:#06bf04}.van-btn--plain.van-btn--warn{color:#f60}.van-btn--plain.van-btn--danger{color:#f44}.button-hover{opacity:.9}.van-btn--loading{color:transparent;opacity:1}.van-btn--loading::before{position:absolute;left:50%;top:50%;content:' ';width:16px;height:16px;margin-left:-8px;margin-top:-8px;border:3px solid #e5e5e5;border-color:#666 #e5e5e5 #e5e5e5 #e5e5e5;border-radius:8px;box-sizing:border-box;-webkit-animation:btn-spin .6s linear;animation:btn-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.van-btn--danger.van-btn--loading::before,.van-btn--primary.van-btn--loading::before,.van-btn--warn.van-btn--loading::before{border-color:#fff rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1)}@-webkit-keyframes btn-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes btn-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.van-btn.van-btn--disabled{color:#999!important;background:#f8f8f8!important;border-color:#e5e5e5!important;cursor:not-allowed!important;opacity:1!important}.van-btn.van-btn--disabled::after{border-color:#e5e5e5!important}.van-btn--group.van-btn--last{margin-bottom:0;margin-right:0}
\ No newline at end of file
diff --git a/dist/capsule/index.wxml b/dist/capsule/index.wxml
index 68f3c1c3..f5026813 100644
--- a/dist/capsule/index.wxml
+++ b/dist/capsule/index.wxml
@@ -1,17 +1,17 @@
-<view class="custom-class zan-capsule zan-capsule--{{type}}">
+<view class="custom-class van-capsule van-capsule--{{type}}">
   <block wx:if="{{color}}">
     <view
-      class="zan-capsule__left"
+      class="van-capsule__left"
       style="background: {{ color }}; border-color: {{ color }}"
     >{{ leftText }}</view>
     <view
-      class="zan-capsule__right"
+      class="van-capsule__right"
       style="color: {{ color }}; border-color: {{ color }}"
     >{{ rightText }}</view>
   </block>
   <block wx:else>
-    <view class="zan-capsule__left">{{ leftText }}</view>
-    <view class="zan-capsule__right">{{ rightText }}</view>
+    <view class="van-capsule__left">{{ leftText }}</view>
+    <view class="van-capsule__right">{{ rightText }}</view>
   </block>
 </view>
 
diff --git a/dist/capsule/index.wxss b/dist/capsule/index.wxss
index c9e10642..31c7de76 100644
--- a/dist/capsule/index.wxss
+++ b/dist/capsule/index.wxss
@@ -1 +1 @@
-.zan-capsule{display:inline-block;font-size:12px;vertical-align:middle;line-height:19px;-webkit-transform:scale(.83);transform:scale(.83)}.zan-capsule__left,.zan-capsule__right{display:inline-block;line-height:17px;height:19px;vertical-align:middle;box-sizing:border-box}.zan-capsule__left{padding:0 2px;color:#fff;background:#999;border-radius:2px 0 0 2px;border:1rpx solid #999}.zan-capsule__right{padding:0 5px;color:#999;border-radius:0 2px 2px 0;border:1rpx solid #999}.zan-capsule--danger .zan-capsule__left{color:#fff;background:#f24544;border-color:#f24544}.zan-capsule--danger .zan-capsule__right{color:#f24544;border-color:#f24544}
\ No newline at end of file
+.van-capsule{display:inline-block;font-size:12px;vertical-align:middle;line-height:19px;-webkit-transform:scale(.83);transform:scale(.83)}.van-capsule__left,.van-capsule__right{display:inline-block;line-height:17px;height:19px;vertical-align:middle;box-sizing:border-box}.van-capsule__left{padding:0 2px;color:#fff;background:#999;border-radius:2px 0 0 2px;border:1rpx solid #999}.van-capsule__right{padding:0 5px;color:#999;border-radius:0 2px 2px 0;border:1rpx solid #999}.van-capsule--danger .van-capsule__left{color:#fff;background:#f24544;border-color:#f24544}.van-capsule--danger .van-capsule__right{color:#f24544;border-color:#f24544}
\ No newline at end of file
diff --git a/dist/card/index.wxml b/dist/card/index.wxml
index 4ebc401f..5f616f22 100644
--- a/dist/card/index.wxml
+++ b/dist/card/index.wxml
@@ -1,32 +1,32 @@
-<view class="card-class zan-card">
+<view class="card-class van-card">
   <!-- 左侧图片 -->
   
-  <view class="thumb-class zan-card__thumb">
-    <image class="zan-card__img"
+  <view class="thumb-class van-card__thumb">
+    <image class="van-card__img"
       src="{{ thumb }}"
       mode="aspectFit"
     ></image>
   </view>
   <!-- 右侧详情 -->
-  <view class="zan-card__detail">
+  <view class="van-card__detail">
     <slot wx:if="{{ useDetailSlot }}" name="detail-slot"></slot>
     <block wx:else>
-      <view class="zan-card__detail-row">
-        <view class="zan-card__right-col">¥ {{ price }}</view>
-        <view class="zan-card__left-col zan-ellipsis--l2">
+      <view class="van-card__detail-row">
+        <view class="van-card__right-col">¥ {{ price }}</view>
+        <view class="van-card__left-col van-ellipsis--l2">
           {{ title }}
         </view>
       </view>
 
-      <view class="zan-card__detail-row zan-c-gray-darker">
-        <view wx:if="{{ num }}" class="zan-card__right-col">x {{ num }}</view>
-        <view wx:if="{{ desc }}" class="zan-card__left-col">
+      <view class="van-card__detail-row van-c-gray-darker">
+        <view wx:if="{{ num }}" class="van-card__right-col">x {{ num }}</view>
+        <view wx:if="{{ desc }}" class="van-card__left-col">
           {{ desc }}
         </view>
       </view>
 
-      <view wx:if="{{ status }}" class="zan-card__detail-row">
-        <view class="zan-card__left-col zan-c-red">{{ status }}</view>
+      <view wx:if="{{ status }}" class="van-card__detail-row">
+        <view class="van-card__left-col van-c-red">{{ status }}</view>
       </view>
     </block>
   </view>
diff --git a/dist/card/index.wxss b/dist/card/index.wxss
index 4874ec36..986edffd 100644
--- a/dist/card/index.wxss
+++ b/dist/card/index.wxss
@@ -1 +1 @@
-.zan-c-red{color:#f44!important}.zan-c-gray{color:#c9c9c9!important}.zan-c-gray-dark{color:#999!important}.zan-c-gray-darker{color:#666!important}.zan-c-black{color:#333!important}.zan-c-blue{color:#38f!important}.zan-c-green{color:#06bf04!important}.zan-pull-left{float:left}.zan-pull-right{float:right}.zan-center{text-align:center}.zan-right{text-align:right}.zan-text-deleted{text-decoration:line-through}.zan-font-8{font-size:8px}.zan-font-10{font-size:10px}.zan-font-12{font-size:12px}.zan-font-14{font-size:14px}.zan-font-16{font-size:16px}.zan-font-18{font-size:18px}.zan-font-20{font-size:20px}.zan-font-22{font-size:22px}.zan-font-24{font-size:24px}.zan-font-26{font-size:26px}.zan-font-30{font-size:30px}.zan-font-bold{font-weight:700}.zan-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zan-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zan-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zan-clearfix{zoom:1}.zan-clearfix::after{content:'';display:table;clear:both}.zan-c-red{color:#f44}.zan-c-black{color:#000}.zan-c-green{color:#06bf04}.zan-c-blue{color:#38f}.zan-c-gray{color:#c9c9c9}.zan-c-gray-dark{color:#999}.zan-c-gray-darker{color:#666}.zan-hairline,.zan-hairline--bottom,.zan-hairline--left,.zan-hairline--right,.zan-hairline--surround,.zan-hairline--top,.zan-hairline--top-bottom{position:relative}.zan-hairline--bottom::after,.zan-hairline--left::after,.zan-hairline--right::after,.zan-hairline--surround::after,.zan-hairline--top-bottom::after,.zan-hairline--top::after,.zan-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.zan-hairline--top::after{border-top-width:1px}.zan-hairline--left::after{border-left-width:1px}.zan-hairline--right::after{border-right-width:1px}.zan-hairline--bottom::after{border-bottom-width:1px}.zan-hairline--top-bottom::after{border-width:1px 0}.zan-hairline--surround::after{border-width:1px}.zan-card{display:-webkit-box;display:flex;margin-left:0;padding:5px 15px;overflow:hidden;position:relative;font-size:14px}.zan-card__thumb{width:90px;height:90px;position:relative;margin-left:auto;margin-right:auto;overflow:hidden;background-size:cover}.zan-card__img{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;max-width:100%;max-height:100%}.zan-card__detail{-webkit-box-flex:1;flex:1;margin-left:10px;position:relative}.zan-card__detail-row{overflow:hidden;line-height:20px;min-height:20px;margin-bottom:3px}.zan-card__right-col{float:right}.zan-card__left-col{margin-right:80px}
\ No newline at end of file
+.van-c-red{color:#f44!important}.van-c-gray{color:#c9c9c9!important}.van-c-gray-dark{color:#999!important}.van-c-gray-darker{color:#666!important}.van-c-black{color:#333!important}.van-c-blue{color:#38f!important}.van-c-green{color:#06bf04!important}.van-pull-left{float:left}.van-pull-right{float:right}.van-center{text-align:center}.van-right{text-align:right}.van-text-deleted{text-decoration:line-through}.van-font-8{font-size:8px}.van-font-10{font-size:10px}.van-font-12{font-size:12px}.van-font-14{font-size:14px}.van-font-16{font-size:16px}.van-font-18{font-size:18px}.van-font-20{font-size:20px}.van-font-22{font-size:22px}.van-font-24{font-size:24px}.van-font-26{font-size:26px}.van-font-30{font-size:30px}.van-font-bold{font-weight:700}.van-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.van-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix{zoom:1}.van-clearfix::after{content:'';display:table;clear:both}.van-c-red{color:#f44}.van-c-black{color:#000}.van-c-green{color:#06bf04}.van-c-blue{color:#38f}.van-c-gray{color:#c9c9c9}.van-c-gray-dark{color:#999}.van-c-gray-darker{color:#666}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}.van-card{display:-webkit-box;display:flex;margin-left:0;padding:5px 15px;overflow:hidden;position:relative;font-size:14px}.van-card__thumb{width:90px;height:90px;position:relative;margin-left:auto;margin-right:auto;overflow:hidden;background-size:cover}.van-card__img{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;max-width:100%;max-height:100%}.van-card__detail{-webkit-box-flex:1;flex:1;margin-left:10px;position:relative}.van-card__detail-row{overflow:hidden;line-height:20px;min-height:20px;margin-bottom:3px}.van-card__right-col{float:right}.van-card__left-col{margin-right:80px}
\ No newline at end of file
diff --git a/dist/cell/index.wxml b/dist/cell/index.wxml
index dd7bc431..820bb76f 100644
--- a/dist/cell/index.wxml
+++ b/dist/cell/index.wxml
@@ -1,22 +1,22 @@
 <view 
   catchtap="cellTap"
-  class="cell-class zan-cell {{ isLastCell ? 'last-cell' : '' }} {{ isLink ? 'zan-cell--access' : '' }} {{  noBorder ? 'no-border' : ''}}"
+  class="cell-class van-cell {{ isLastCell ? 'last-cell' : '' }} {{ isLink ? 'van-cell--access' : '' }} {{  noBorder ? 'no-border' : ''}}"
 >
 
-  <view class="zan-cell__icon">
+  <view class="van-cell__icon">
     <slot name="icon"></slot>
   </view>
 
-  <view class="title-class zan-cell__title" style="width: {{ titleWidth }}">
-    <view wx:if="{{ title }}" class="zan-cell__text">{{ title }}</view>
-    <view wx:if="{{ label }}" class="zan-cell__desc">{{ label }}</view>
+  <view class="title-class van-cell__title" style="width: {{ titleWidth }}">
+    <view wx:if="{{ title }}" class="van-cell__text">{{ title }}</view>
+    <view wx:if="{{ label }}" class="van-cell__desc">{{ label }}</view>
   </view>
 
-  <view class="zan-cell__bd">
+  <view class="van-cell__bd">
     <slot></slot>
   </view>
 
-  <view bindtap="footerTap" class="zan-cell__ft">
+  <view bindtap="footerTap" class="van-cell__ft">
     <block wx:if="{{value}}">{{ value }}</block>
     <block wx:else>
       <slot name="footer"></slot>
diff --git a/dist/cell/index.wxss b/dist/cell/index.wxss
index 565933b8..ab487cd2 100644
--- a/dist/cell/index.wxss
+++ b/dist/cell/index.wxss
@@ -1 +1 @@
-.zan-cell{position:relative;padding:12px 15px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;line-height:1.4;background-color:#fff;font-size:14px}.zan-cell::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px;left:15px;right:0}.zan-cell__icon{margin-right:5px}.zan-cell__icon:empty{display:none}.zan-cell__title{padding-right:10px}.zan-cell__title:empty{display:none}.zan-cell__bd{-webkit-box-flex:1;flex:1}.zan-cell__text{line-height:24px;font-size:14px}.zan-cell__desc{line-height:1.2;font-size:12px;color:#666}.zan-cell__ft{position:relative;text-align:right;color:#666}.zan-cell__no-pading{padding:0}.zan-cell__no-pading .zan-cell__bd_padding{padding:12px 0 12px 15px}.zan-cell__no-pading .zan-cell__bd_padding .zan-form__input{height:26px}.zan-cell__no-pading .zan-cell__ft_padding{padding:12px 15px 12px 0}.zan-cell.last-cell::after,.zan-cell.no-border::after{display:none}.zan-cell--access .zan-cell__ft{padding-right:13px}.zan-cell--access .zan-cell__ft::after{position:absolute;top:50%;right:2px;content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-cell--switch{padding-top:6px;padding-bottom:6px}
\ No newline at end of file
+.van-cell{position:relative;padding:12px 15px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;line-height:1.4;background-color:#fff;font-size:14px}.van-cell::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px;left:15px;right:0}.van-cell__icon{margin-right:5px}.van-cell__icon:empty{display:none}.van-cell__title{padding-right:10px}.van-cell__title:empty{display:none}.van-cell__bd{-webkit-box-flex:1;flex:1}.van-cell__text{line-height:24px;font-size:14px}.van-cell__desc{line-height:1.2;font-size:12px;color:#666}.van-cell__ft{position:relative;text-align:right;color:#666}.van-cell__no-pading{padding:0}.van-cell__no-pading .van-cell__bd_padding{padding:12px 0 12px 15px}.van-cell__no-pading .van-cell__bd_padding .van-form__input{height:26px}.van-cell__no-pading .van-cell__ft_padding{padding:12px 15px 12px 0}.van-cell.last-cell::after,.van-cell.no-border::after{display:none}.van-cell--access .van-cell__ft{padding-right:13px}.van-cell--access .van-cell__ft::after{position:absolute;top:50%;right:2px;content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.van-cell--switch{padding-top:6px;padding-bottom:6px}
\ No newline at end of file
diff --git a/dist/checkbox-group/index.wxss b/dist/checkbox-group/index.wxss
index d2278289..418d8711 100644
--- a/dist/checkbox-group/index.wxss
+++ b/dist/checkbox-group/index.wxss
@@ -1 +1 @@
-.checkbox-group{padding-bottom:10px;background-color:#fff}.checkbox-group .zan-checkbox{margin-top:10px}
\ No newline at end of file
+.checkbox-group{padding-bottom:10px;background-color:#fff}.checkbox-group .van-checkbox{margin-top:10px}
\ No newline at end of file
diff --git a/dist/checkbox/index.json b/dist/checkbox/index.json
index fc0d0bf9..0a336c08 100644
--- a/dist/checkbox/index.json
+++ b/dist/checkbox/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-icon": "../icon/index"
+    "van-icon": "../icon/index"
   }
 }
diff --git a/dist/checkbox/index.wxml b/dist/checkbox/index.wxml
index bba78662..311ccbb9 100644
--- a/dist/checkbox/index.wxml
+++ b/dist/checkbox/index.wxml
@@ -1,13 +1,13 @@
 <view
-  class="checkbox-class zan-checkbox {{ isInGroup ? 'zan-checkbox__item' : ''}} {{ type === 'list' ? 'zan-checkbox__list-item' : ''}}"
+  class="checkbox-class van-checkbox {{ isInGroup ? 'van-checkbox__item' : ''}} {{ type === 'list' ? 'van-checkbox__list-item' : ''}}"
   bindtap="{{ labelDisabled ? '' : 'handleClick' }}"
   >
-  <zan-icon
+  <van-icon
     type="{{ checked ? 'checked' : 'check'}}"
-    class="zan-checkbox__icon {{ disabled ? 'zan-checkbox--disabled' : '' }} {{ checked ? 'zan-checkbox--checked' : '' }}"
+    class="van-checkbox__icon {{ disabled ? 'van-checkbox--disabled' : '' }} {{ checked ? 'van-checkbox--checked' : '' }}"
     bindtap="{{ labelDisabled ? 'handleClick': '' }}"
-  ></zan-icon>
-  <text class="zan-checkbox__label">
+  ></van-icon>
+  <text class="van-checkbox__label">
     <slot></slot>
   </text>
 </view>
diff --git a/dist/checkbox/index.wxss b/dist/checkbox/index.wxss
index 7d4d0d79..b56cf0a8 100644
--- a/dist/checkbox/index.wxss
+++ b/dist/checkbox/index.wxss
@@ -1 +1 @@
-.zan-checkbox{display:inline-block;padding:0 10px;font-size:14px}.zan-checkbox__item{display:block;margin-top:10px}.zan-checkbox__list-item{display:block;padding:10px 10px 10px 0;margin-left:10px;border-bottom:1px solid #e5e5e5}.zan-checkbox__list-item .zan-checkbox__icon{float:right}.zan-checkbox__icon{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;color:#aaa}.zan-checkbox__icon.zan-checkbox--checked{color:#06bf04}.zan-checkbox__icon.zan-checkbox--disabled{color:#e5e5e5}.zan-checkbox__label{display:inline-block;margin-left:10px}
\ No newline at end of file
+.van-checkbox{display:inline-block;padding:0 10px;font-size:14px}.van-checkbox__item{display:block;margin-top:10px}.van-checkbox__list-item{display:block;padding:10px 10px 10px 0;margin-left:10px;border-bottom:1px solid #e5e5e5}.van-checkbox__list-item .van-checkbox__icon{float:right}.van-checkbox__icon{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;color:#aaa}.van-checkbox__icon.van-checkbox--checked{color:#06bf04}.van-checkbox__icon.van-checkbox--disabled{color:#e5e5e5}.van-checkbox__label{display:inline-block;margin-left:10px}
\ No newline at end of file
diff --git a/dist/col/index.wxml b/dist/col/index.wxml
index 2be191c3..22eee8f3 100644
--- a/dist/col/index.wxml
+++ b/dist/col/index.wxml
@@ -1 +1 @@
-  <view class="col-class zan-col {{ col ? 'zan-col-' + col : '' }} {{ offset ? 'zan-col-offset-' + offset : '' }}"><slot></slot></view>
+  <view class="col-class van-col {{ col ? 'van-col-' + col : '' }} {{ offset ? 'van-col-offset-' + offset : '' }}"><slot></slot></view>
diff --git a/dist/col/index.wxss b/dist/col/index.wxss
index 7d8806c0..065914e7 100644
--- a/dist/col/index.wxss
+++ b/dist/col/index.wxss
@@ -1 +1 @@
-.zan-col{float:left;box-sizing:border-box;width:0}.zan-col-1{width:4.16667%}.zan-col-offset-1{margin-left:4.16667%}.zan-col-2{width:8.33333%}.zan-col-offset-2{margin-left:8.33333%}.zan-col-3{width:12.5%}.zan-col-offset-3{margin-left:12.5%}.zan-col-4{width:16.66667%}.zan-col-offset-4{margin-left:16.66667%}.zan-col-5{width:20.83333%}.zan-col-offset-5{margin-left:20.83333%}.zan-col-6{width:25%}.zan-col-offset-6{margin-left:25%}.zan-col-7{width:29.16667%}.zan-col-offset-7{margin-left:29.16667%}.zan-col-8{width:33.33333%}.zan-col-offset-8{margin-left:33.33333%}.zan-col-9{width:37.5%}.zan-col-offset-9{margin-left:37.5%}.zan-col-10{width:41.66667%}.zan-col-offset-10{margin-left:41.66667%}.zan-col-11{width:45.83333%}.zan-col-offset-11{margin-left:45.83333%}.zan-col-12{width:50%}.zan-col-offset-12{margin-left:50%}.zan-col-13{width:54.16667%}.zan-col-offset-13{margin-left:54.16667%}.zan-col-14{width:58.33333%}.zan-col-offset-14{margin-left:58.33333%}.zan-col-15{width:62.5%}.zan-col-offset-15{margin-left:62.5%}.zan-col-16{width:66.66667%}.zan-col-offset-16{margin-left:66.66667%}.zan-col-17{width:70.83333%}.zan-col-offset-17{margin-left:70.83333%}.zan-col-18{width:75%}.zan-col-offset-18{margin-left:75%}.zan-col-19{width:79.16667%}.zan-col-offset-19{margin-left:79.16667%}.zan-col-20{width:83.33333%}.zan-col-offset-20{margin-left:83.33333%}.zan-col-21{width:87.5%}.zan-col-offset-21{margin-left:87.5%}.zan-col-22{width:91.66667%}.zan-col-offset-22{margin-left:91.66667%}.zan-col-23{width:95.83333%}.zan-col-offset-23{margin-left:95.83333%}.zan-col-24{width:100%}.zan-col-offset-24{margin-left:100%}
\ No newline at end of file
+.van-col{float:left;box-sizing:border-box;width:0}.van-col-1{width:4.16667%}.van-col-offset-1{margin-left:4.16667%}.van-col-2{width:8.33333%}.van-col-offset-2{margin-left:8.33333%}.van-col-3{width:12.5%}.van-col-offset-3{margin-left:12.5%}.van-col-4{width:16.66667%}.van-col-offset-4{margin-left:16.66667%}.van-col-5{width:20.83333%}.van-col-offset-5{margin-left:20.83333%}.van-col-6{width:25%}.van-col-offset-6{margin-left:25%}.van-col-7{width:29.16667%}.van-col-offset-7{margin-left:29.16667%}.van-col-8{width:33.33333%}.van-col-offset-8{margin-left:33.33333%}.van-col-9{width:37.5%}.van-col-offset-9{margin-left:37.5%}.van-col-10{width:41.66667%}.van-col-offset-10{margin-left:41.66667%}.van-col-11{width:45.83333%}.van-col-offset-11{margin-left:45.83333%}.van-col-12{width:50%}.van-col-offset-12{margin-left:50%}.van-col-13{width:54.16667%}.van-col-offset-13{margin-left:54.16667%}.van-col-14{width:58.33333%}.van-col-offset-14{margin-left:58.33333%}.van-col-15{width:62.5%}.van-col-offset-15{margin-left:62.5%}.van-col-16{width:66.66667%}.van-col-offset-16{margin-left:66.66667%}.van-col-17{width:70.83333%}.van-col-offset-17{margin-left:70.83333%}.van-col-18{width:75%}.van-col-offset-18{margin-left:75%}.van-col-19{width:79.16667%}.van-col-offset-19{margin-left:79.16667%}.van-col-20{width:83.33333%}.van-col-offset-20{margin-left:83.33333%}.van-col-21{width:87.5%}.van-col-offset-21{margin-left:87.5%}.van-col-22{width:91.66667%}.van-col-offset-22{margin-left:91.66667%}.van-col-23{width:95.83333%}.van-col-offset-23{margin-left:95.83333%}.van-col-24{width:100%}.van-col-offset-24{margin-left:100%}
\ No newline at end of file
diff --git a/dist/color/index.wxss b/dist/color/index.wxss
index fef3d368..b318f33b 100644
--- a/dist/color/index.wxss
+++ b/dist/color/index.wxss
@@ -1 +1 @@
-.zan-c-red{color:#f44!important}.zan-c-gray{color:#c9c9c9!important}.zan-c-gray-dark{color:#999!important}.zan-c-gray-darker{color:#666!important}.zan-c-black{color:#333!important}.zan-c-blue{color:#38f!important}.zan-c-green{color:#06bf04!important}
\ No newline at end of file
+.van-c-red{color:#f44!important}.van-c-gray{color:#c9c9c9!important}.van-c-gray-dark{color:#999!important}.van-c-gray-darker{color:#666!important}.van-c-black{color:#333!important}.van-c-blue{color:#38f!important}.van-c-green{color:#06bf04!important}
\ No newline at end of file
diff --git a/dist/dialog/data.js b/dist/dialog/data.js
index 597b192e..db43a125 100644
--- a/dist/dialog/data.js
+++ b/dist/dialog/data.js
@@ -6,7 +6,7 @@ module.exports = {
   // 内容
   message: ' ',
   // 选择节点
-  selector: '#zan-dialog',
+  selector: '#van-dialog',
   // 按钮是否展示为纵向
   buttonsShowVertical: false,
   // 是否展示确定
diff --git a/dist/dialog/index.js b/dist/dialog/index.js
index 5514c0e1..2120c0f2 100644
--- a/dist/dialog/index.js
+++ b/dist/dialog/index.js
@@ -15,7 +15,7 @@ Component({
     // 内容
     message: ' ',
     // 选择节点
-    selector: '#zan-dialog',
+    selector: '#van-dialog',
     // 按钮是否展示为纵向
     buttonsShowVertical: false,
     // 是否展示确定
diff --git a/dist/dialog/index.json b/dist/dialog/index.json
index f4d43043..9da4b7bc 100644
--- a/dist/dialog/index.json
+++ b/dist/dialog/index.json
@@ -2,6 +2,6 @@
   "component": true,
   "usingComponents": {
     "pop-manager": "../common/pop-manager/index",
-    "zan-button": "../btn/index"
+    "van-button": "../btn/index"
   } 
 }
diff --git a/dist/dialog/index.wxml b/dist/dialog/index.wxml
index 5af903db..e2ff2b53 100644
--- a/dist/dialog/index.wxml
+++ b/dist/dialog/index.wxml
@@ -2,26 +2,26 @@
   show="{{ show }}"
   type="center"
 >
-  <view class="zan-dialog--container">
+  <view class="van-dialog--container">
     <view
       wx:if="{{ title }}"
-      class="zan-dialog__header"
+      class="van-dialog__header"
     >{{ title }}</view>
     <view
-      class="zan-dialog__content {{ title ? 'zan-dialog__content--title' : '' }}"
+      class="van-dialog__content {{ title ? 'van-dialog__content--title' : '' }}"
     >
       <text>{{ message }}</text>
     </view>
     <view
-      class="zan-dialog__footer {{ buttonsShowVertical ? 'zan-dialog__footer--vertical' : 'zan-dialog__footer--horizon' }}"
+      class="van-dialog__footer {{ buttonsShowVertical ? 'van-dialog__footer--vertical' : 'van-dialog__footer--horizon' }}"
     >
       <block
         wx:for="{{ buttons }}"
         wx:key="{{ item.text }}-{{ item.type }}"
       >
-        <zan-button
-          class="zan-dialog__button"
-          custom-class="{{ index === 0 ? 'zan-dialog__button-inside--first' : 'zan-dialog__button-inside' }}"
+        <van-button
+          class="van-dialog__button"
+          custom-class="{{ index === 0 ? 'van-dialog__button-inside--first' : 'van-dialog__button-inside' }}"
           data-type="{{ item.type }}"
           data-open-type="{{ item.openType }}"
           open-type="{{ item.openType }}"
@@ -33,7 +33,7 @@
           <view
             style="color: {{ item.color || '#333' }}"
           >{{ item.text }}</view>
-        </zan-button>
+        </van-button>
       </block>
     </view>
   </view>
diff --git a/dist/dialog/index.wxss b/dist/dialog/index.wxss
index 9b6fc7d1..459e858c 100644
--- a/dist/dialog/index.wxss
+++ b/dist/dialog/index.wxss
@@ -1 +1 @@
-.zan-dialog--container{width:80vw;font-size:16px;overflow:hidden;border-radius:4px;background-color:#fff;color:#333}.zan-dialog__header{padding:15px 0 0;text-align:center}.zan-dialog__content{position:relative;padding:15px 20px;line-height:1.5;min-height:40px}.zan-dialog__content::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px}.zan-dialog__content--title{color:#999;font-size:14px}.zan-dialog__footer{overflow:hidden}.zan-dialog__button{-webkit-box-flex:1;flex:1}.zan-dialog__button-inside,.zan-dialog__button-inside--first{margin-bottom:0;line-height:50px;height:50px}.zan-dialog__button-inside--first::after,.zan-dialog__button-inside::after{border-width:0;border-radius:0}.zan-dialog__footer--horizon{display:-webkit-box;display:flex}.zan-dialog__footer--horizon .zan-dialog__button-inside::after{border-left-width:1px}.zan-dialog__footer--vertical .zan-dialog__button-inside::after{border-top-width:1px}
\ No newline at end of file
+.van-dialog--container{width:80vw;font-size:16px;overflow:hidden;border-radius:4px;background-color:#fff;color:#333}.van-dialog__header{padding:15px 0 0;text-align:center}.van-dialog__content{position:relative;padding:15px 20px;line-height:1.5;min-height:40px}.van-dialog__content::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px}.van-dialog__content--title{color:#999;font-size:14px}.van-dialog__footer{overflow:hidden}.van-dialog__button{-webkit-box-flex:1;flex:1}.van-dialog__button-inside,.van-dialog__button-inside--first{margin-bottom:0;line-height:50px;height:50px}.van-dialog__button-inside--first::after,.van-dialog__button-inside::after{border-width:0;border-radius:0}.van-dialog__footer--horizon{display:-webkit-box;display:flex}.van-dialog__footer--horizon .van-dialog__button-inside::after{border-left-width:1px}.van-dialog__footer--vertical .van-dialog__button-inside::after{border-top-width:1px}
\ No newline at end of file
diff --git a/dist/field/index.json b/dist/field/index.json
index da538052..114b55d6 100644
--- a/dist/field/index.json
+++ b/dist/field/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-cell": "../cell/index"
+    "van-cell": "../cell/index"
   }
 }
\ No newline at end of file
diff --git a/dist/field/index.wxml b/dist/field/index.wxml
index 558e7b3c..9792e9c9 100644
--- a/dist/field/index.wxml
+++ b/dist/field/index.wxml
@@ -1,11 +1,11 @@
-<zan-cell
-  class="field-class zan-field {{ error ? 'zan-field--error' : '' }} {{ mode === 'wrapped' ? 'zan-field--wrapped' : '' }} {{ !showBorder ? 'zan-field--no-border' : '' }}"
-  cell-class="zan-cell--field"
+<van-cell
+  class="field-class van-field {{ error ? 'van-field--error' : '' }} {{ mode === 'wrapped' ? 'van-field--wrapped' : '' }} {{ !showBorder ? 'van-field--no-border' : '' }}"
+  cell-class="van-cell--field"
 >
   <view
     slot="icon"
     wx:if="{{ title }}"
-    class="zan-cell__hd zan-field__title">
+    class="van-cell__hd van-field__title">
     {{ title }}
   </view>
   <textarea
@@ -16,8 +16,8 @@
     value="{{ value }}"
     placeholder="{{ placeholder }}"
     maxlength="{{ maxlength }}"
-    class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
-    placeholder-class="zan-field__placeholder"
+    class="van-field__input van-cell__bd {{ right ? 'van-field__input--right' : '' }}"
+    placeholder-class="van-field__placeholder"
     bindinput="handleFieldChange"
     bindfocus="handleFieldFocus"
     bindblur="handleFieldBlur"
@@ -30,10 +30,10 @@
     value="{{ value }}"
     placeholder="{{ placeholder }}"
     maxlength="{{ maxlength }}"
-    class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
-    placeholder-class="zan-field__placeholder"
+    class="van-field__input van-cell__bd {{ right ? 'van-field__input--right' : '' }}"
+    placeholder-class="van-field__placeholder"
     bindinput="handleFieldChange"
     bindfocus="handleFieldFocus"
     bindblur="handleFieldBlur"
   />
-</zan-cell>
+</van-cell>
diff --git a/dist/field/index.wxss b/dist/field/index.wxss
index 764a1b88..4814695b 100644
--- a/dist/field/index.wxss
+++ b/dist/field/index.wxss
@@ -1 +1 @@
-.zan-field{display:block;position:relative;color:#333}.zan-field::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px;left:15px;right:0}.zan-field--no-border::after{border-bottom-width:0}.zan-cell--field{padding:7px 15px}.zan-field--wrapped{margin:10px 15px;background-color:#fff}.zan-field--wrapped::after{left:0;border-width:1px;border-radius:4px}.zan-field--wrapped::after{display:block}.zan-field--error{color:#f40}.zan-field--wrapped.zan-field--error::after{border-color:#f40}.zan-field__title{color:#333;min-width:65px;padding-right:10px}.zan-field__input{-webkit-box-flex:1;flex:1;line-height:1.6;padding:4px 0;min-height:22px;height:auto;font-size:14px}.zan-field__placeholder{font-size:14px}.zan-field__input--right{text-align:right}
\ No newline at end of file
+.van-field{display:block;position:relative;color:#333}.van-field::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px;left:15px;right:0}.van-field--no-border::after{border-bottom-width:0}.van-cell--field{padding:7px 15px}.van-field--wrapped{margin:10px 15px;background-color:#fff}.van-field--wrapped::after{left:0;border-width:1px;border-radius:4px}.van-field--wrapped::after{display:block}.van-field--error{color:#f40}.van-field--wrapped.van-field--error::after{border-color:#f40}.van-field__title{color:#333;min-width:65px;padding-right:10px}.van-field__input{-webkit-box-flex:1;flex:1;line-height:1.6;padding:4px 0;min-height:22px;height:auto;font-size:14px}.van-field__placeholder{font-size:14px}.van-field__input--right{text-align:right}
\ No newline at end of file
diff --git a/dist/helper/index.wxss b/dist/helper/index.wxss
index 4d8decbd..d8288fa0 100644
--- a/dist/helper/index.wxss
+++ b/dist/helper/index.wxss
@@ -1 +1 @@
-.zan-pull-left{float:left}.zan-pull-right{float:right}.zan-center{text-align:center}.zan-right{text-align:right}.zan-text-deleted{text-decoration:line-through}.zan-font-8{font-size:8px}.zan-font-10{font-size:10px}.zan-font-12{font-size:12px}.zan-font-14{font-size:14px}.zan-font-16{font-size:16px}.zan-font-18{font-size:18px}.zan-font-20{font-size:20px}.zan-font-22{font-size:22px}.zan-font-24{font-size:24px}.zan-font-26{font-size:26px}.zan-font-30{font-size:30px}.zan-font-bold{font-weight:700}.zan-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zan-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zan-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zan-clearfix{zoom:1}.zan-clearfix::after{content:'';display:table;clear:both}.zan-c-red{color:#f44}.zan-c-black{color:#000}.zan-c-green{color:#06bf04}.zan-c-blue{color:#38f}.zan-c-gray{color:#c9c9c9}.zan-c-gray-dark{color:#999}.zan-c-gray-darker{color:#666}.zan-hairline,.zan-hairline--bottom,.zan-hairline--left,.zan-hairline--right,.zan-hairline--surround,.zan-hairline--top,.zan-hairline--top-bottom{position:relative}.zan-hairline--bottom::after,.zan-hairline--left::after,.zan-hairline--right::after,.zan-hairline--surround::after,.zan-hairline--top-bottom::after,.zan-hairline--top::after,.zan-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.zan-hairline--top::after{border-top-width:1px}.zan-hairline--left::after{border-left-width:1px}.zan-hairline--right::after{border-right-width:1px}.zan-hairline--bottom::after{border-bottom-width:1px}.zan-hairline--top-bottom::after{border-width:1px 0}.zan-hairline--surround::after{border-width:1px}
\ No newline at end of file
+.van-pull-left{float:left}.van-pull-right{float:right}.van-center{text-align:center}.van-right{text-align:right}.van-text-deleted{text-decoration:line-through}.van-font-8{font-size:8px}.van-font-10{font-size:10px}.van-font-12{font-size:12px}.van-font-14{font-size:14px}.van-font-16{font-size:16px}.van-font-18{font-size:18px}.van-font-20{font-size:20px}.van-font-22{font-size:22px}.van-font-24{font-size:24px}.van-font-26{font-size:26px}.van-font-30{font-size:30px}.van-font-bold{font-weight:700}.van-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.van-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix{zoom:1}.van-clearfix::after{content:'';display:table;clear:both}.van-c-red{color:#f44}.van-c-black{color:#000}.van-c-green{color:#06bf04}.van-c-blue{color:#38f}.van-c-gray{color:#c9c9c9}.van-c-gray-dark{color:#999}.van-c-gray-darker{color:#666}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}
\ No newline at end of file
diff --git a/dist/icon/index.wxml b/dist/icon/index.wxml
index ed428f08..efcd93dd 100644
--- a/dist/icon/index.wxml
+++ b/dist/icon/index.wxml
@@ -1 +1 @@
-<view class="zan-icon zan-icon-{{ type }}"></view>
+<view class="van-icon van-icon-{{ type }}"></view>
diff --git a/dist/icon/index.wxss b/dist/icon/index.wxss
index 7e101230..e4d96197 100644
--- a/dist/icon/index.wxss
+++ b/dist/icon/index.wxss
@@ -1 +1 @@
-@font-face{font-family:zanui-weapp-icon;src:url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.eot);src:url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.eot?#iefix) format('embedded-opentype'),url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.woff2) format('woff2'),url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.woff) format('woff'),url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.ttf) format('truetype')}.zan-icon{display:inline-block}.zan-icon::before{font-family:zanui-weapp-icon!important;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased}.zan-icon-qr-invalid:before{content:'\e800'}.zan-icon-qr:before{content:'\e801'}.zan-icon-exchange:before{content:'\e802'}.zan-icon-close:before{content:'\e803'}.zan-icon-location:before{content:'\e804'}.zan-icon-upgrade:before{content:'\e805'}.zan-icon-check:before{content:'\e806'}.zan-icon-checked:before{content:'\e807'}.zan-icon-like-o:before{content:'\e808'}.zan-icon-like:before{content:'\e809'}.zan-icon-chat:before{content:'\e80a'}.zan-icon-shop:before{content:'\e80b'}.zan-icon-photograph:before{content:'\e80c'}.zan-icon-add:before{content:'\e80d'}.zan-icon-minus:before{content:'\e80e'}.zan-icon-add2:before{content:'\e80f'}.zan-icon-photo:before{content:'\e810'}.zan-icon-logistics:before{content:'\e811'}.zan-icon-edit:before{content:'\e812'}.zan-icon-passed:before{content:'\e813'}.zan-icon-cart:before{content:'\e814'}.zan-icon-shopping-cart:before{content:'\e815'}.zan-icon-arrow:before{content:'\e816'}.zan-icon-gift:before{content:'\e817'}.zan-icon-search:before{content:'\e818'}.zan-icon-clear:before{content:'\e819'}.zan-icon-success:before{content:'\e81a'}.zan-icon-fail:before{content:'\e81b'}.zan-icon-contact:before{content:'\e81c'}.zan-icon-wechat:before{content:'\e81d'}.zan-icon-alipay:before{content:'\e81e'}.zan-icon-password-view:before{content:'\e81f'}.zan-icon-password-not-view:before{content:'\e820'}.zan-icon-wap-nav:before{content:'\e821'}.zan-icon-wap-home:before{content:'\e822'}.zan-icon-ecard-pay:before{content:'\e823'}.zan-icon-balance-pay:before{content:'\e824'}.zan-icon-peer-pay:before{content:'\e825'}.zan-icon-credit-pay:before{content:'\e826'}.zan-icon-debit-pay:before{content:'\e827'}.zan-icon-other-pay:before{content:'\e828'}.zan-icon-browsing-history:before{content:'\e829'}.zan-icon-goods-collect:before{content:'\e82a'}.zan-icon-shop-collect:before{content:'\e82b'}.zan-icon-receive-gift:before{content:'\e82c'}.zan-icon-send-gift:before{content:'\e82d'}.zan-icon-setting:before{content:'\e82e'}.zan-icon-points:before{content:'\e82f'}.zan-icon-coupon:before{content:'\e830'}.zan-icon-free-postage:before{content:'\e831'}.zan-icon-discount:before{content:'\e832'}.zan-icon-birthday-privilege:before{content:'\e833'}.zan-icon-member-day-privilege:before{content:'\e834'}.zan-icon-balance-details:before{content:'\e835'}.zan-icon-cash-back-record:before{content:'\e836'}.zan-icon-points-mall:before{content:'\e837'}.zan-icon-exchange-record:before{content:'\e838'}.zan-icon-pending-payment:before{content:'\e839'}.zan-icon-pending-orders:before{content:'\e83a'}.zan-icon-pending-deliver:before{content:'\e83b'}.zan-icon-pending-evaluate:before{content:'\e83c'}.zan-icon-gift-card-pay:before{content:'\e83d'}.zan-icon-cash-on-deliver:before{content:'\e83e'}.zan-icon-underway:before{content:'\e83f'}.zan-icon-point-gift:before{content:'\e840'}.zan-icon-after-sale:before{content:'\e841'}.zan-icon-edit-data:before{content:'\e842'}.zan-icon-question:before{content:'\e843'}.zan-icon-delete:before{content:'\e844'}.zan-icon-records:before{content:'\e845'}.zan-icon-description:before{content:'\e846'}.zan-icon-card:before{content:'\e847'}.zan-icon-gift-card:before{content:'\e848'}.zan-icon-clock:before{content:'\e849'}.zan-icon-gold-coin:before{content:'\e84a'}.zan-icon-completed:before{content:'\e84b'}.zan-icon-value-card:before{content:'\e84c'}.zan-icon-certificate:before{content:'\e84d'}.zan-icon-tosend:before{content:'\e84e'}.zan-icon-sign:before{content:'\e84f'}.zan-icon-home:before{content:'\e850'}.zan-icon-phone:before{content:'\e851'}.zan-icon-add-o:before{content:'\e852'}.zan-icon-minus-o:before{content:'\e853'}.zan-icon-play:before{content:'\e854'}.zan-icon-pause:before{content:'\e855'}.zan-icon-stop:before{content:'\e856'}.zan-icon-hot:before{content:'\e857'}.zan-icon-new:before{content:'\e858'}.zan-icon-new-arrival:before{content:'\e859'}.zan-icon-hot-sale:before{content:'\e85a'}
\ No newline at end of file
+@font-face{font-family:zanui-weapp-icon;src:url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.eot);src:url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.eot?#iefix) format('embedded-opentype'),url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.woff2) format('woff2'),url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.woff) format('woff'),url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.ttf) format('truetype')}.van-icon{display:inline-block}.van-icon::before{font-family:zanui-weapp-icon!important;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased}.van-icon-qr-invalid:before{content:'\e800'}.van-icon-qr:before{content:'\e801'}.van-icon-exchange:before{content:'\e802'}.van-icon-close:before{content:'\e803'}.van-icon-location:before{content:'\e804'}.van-icon-upgrade:before{content:'\e805'}.van-icon-check:before{content:'\e806'}.van-icon-checked:before{content:'\e807'}.van-icon-like-o:before{content:'\e808'}.van-icon-like:before{content:'\e809'}.van-icon-chat:before{content:'\e80a'}.van-icon-shop:before{content:'\e80b'}.van-icon-photograph:before{content:'\e80c'}.van-icon-add:before{content:'\e80d'}.van-icon-minus:before{content:'\e80e'}.van-icon-add2:before{content:'\e80f'}.van-icon-photo:before{content:'\e810'}.van-icon-logistics:before{content:'\e811'}.van-icon-edit:before{content:'\e812'}.van-icon-passed:before{content:'\e813'}.van-icon-cart:before{content:'\e814'}.van-icon-shopping-cart:before{content:'\e815'}.van-icon-arrow:before{content:'\e816'}.van-icon-gift:before{content:'\e817'}.van-icon-search:before{content:'\e818'}.van-icon-clear:before{content:'\e819'}.van-icon-success:before{content:'\e81a'}.van-icon-fail:before{content:'\e81b'}.van-icon-contact:before{content:'\e81c'}.van-icon-wechat:before{content:'\e81d'}.van-icon-alipay:before{content:'\e81e'}.van-icon-password-view:before{content:'\e81f'}.van-icon-password-not-view:before{content:'\e820'}.van-icon-wap-nav:before{content:'\e821'}.van-icon-wap-home:before{content:'\e822'}.van-icon-ecard-pay:before{content:'\e823'}.van-icon-balance-pay:before{content:'\e824'}.van-icon-peer-pay:before{content:'\e825'}.van-icon-credit-pay:before{content:'\e826'}.van-icon-debit-pay:before{content:'\e827'}.van-icon-other-pay:before{content:'\e828'}.van-icon-browsing-history:before{content:'\e829'}.van-icon-goods-collect:before{content:'\e82a'}.van-icon-shop-collect:before{content:'\e82b'}.van-icon-receive-gift:before{content:'\e82c'}.van-icon-send-gift:before{content:'\e82d'}.van-icon-setting:before{content:'\e82e'}.van-icon-points:before{content:'\e82f'}.van-icon-coupon:before{content:'\e830'}.van-icon-free-postage:before{content:'\e831'}.van-icon-discount:before{content:'\e832'}.van-icon-birthday-privilege:before{content:'\e833'}.van-icon-member-day-privilege:before{content:'\e834'}.van-icon-balance-details:before{content:'\e835'}.van-icon-cash-back-record:before{content:'\e836'}.van-icon-points-mall:before{content:'\e837'}.van-icon-exchange-record:before{content:'\e838'}.van-icon-pending-payment:before{content:'\e839'}.van-icon-pending-orders:before{content:'\e83a'}.van-icon-pending-deliver:before{content:'\e83b'}.van-icon-pending-evaluate:before{content:'\e83c'}.van-icon-gift-card-pay:before{content:'\e83d'}.van-icon-cash-on-deliver:before{content:'\e83e'}.van-icon-underway:before{content:'\e83f'}.van-icon-point-gift:before{content:'\e840'}.van-icon-after-sale:before{content:'\e841'}.van-icon-edit-data:before{content:'\e842'}.van-icon-question:before{content:'\e843'}.van-icon-delete:before{content:'\e844'}.van-icon-records:before{content:'\e845'}.van-icon-description:before{content:'\e846'}.van-icon-card:before{content:'\e847'}.van-icon-gift-card:before{content:'\e848'}.van-icon-clock:before{content:'\e849'}.van-icon-gold-coin:before{content:'\e84a'}.van-icon-completed:before{content:'\e84b'}.van-icon-value-card:before{content:'\e84c'}.van-icon-certificate:before{content:'\e84d'}.van-icon-tosend:before{content:'\e84e'}.van-icon-sign:before{content:'\e84f'}.van-icon-home:before{content:'\e850'}.van-icon-phone:before{content:'\e851'}.van-icon-add-o:before{content:'\e852'}.van-icon-minus-o:before{content:'\e853'}.van-icon-play:before{content:'\e854'}.van-icon-pause:before{content:'\e855'}.van-icon-stop:before{content:'\e856'}.van-icon-hot:before{content:'\e857'}.van-icon-new:before{content:'\e858'}.van-icon-new-arrival:before{content:'\e859'}.van-icon-hot-sale:before{content:'\e85a'}
\ No newline at end of file
diff --git a/dist/index.wxss b/dist/index.wxss
index 4d8decbd..d8288fa0 100644
--- a/dist/index.wxss
+++ b/dist/index.wxss
@@ -1 +1 @@
-.zan-pull-left{float:left}.zan-pull-right{float:right}.zan-center{text-align:center}.zan-right{text-align:right}.zan-text-deleted{text-decoration:line-through}.zan-font-8{font-size:8px}.zan-font-10{font-size:10px}.zan-font-12{font-size:12px}.zan-font-14{font-size:14px}.zan-font-16{font-size:16px}.zan-font-18{font-size:18px}.zan-font-20{font-size:20px}.zan-font-22{font-size:22px}.zan-font-24{font-size:24px}.zan-font-26{font-size:26px}.zan-font-30{font-size:30px}.zan-font-bold{font-weight:700}.zan-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zan-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zan-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zan-clearfix{zoom:1}.zan-clearfix::after{content:'';display:table;clear:both}.zan-c-red{color:#f44}.zan-c-black{color:#000}.zan-c-green{color:#06bf04}.zan-c-blue{color:#38f}.zan-c-gray{color:#c9c9c9}.zan-c-gray-dark{color:#999}.zan-c-gray-darker{color:#666}.zan-hairline,.zan-hairline--bottom,.zan-hairline--left,.zan-hairline--right,.zan-hairline--surround,.zan-hairline--top,.zan-hairline--top-bottom{position:relative}.zan-hairline--bottom::after,.zan-hairline--left::after,.zan-hairline--right::after,.zan-hairline--surround::after,.zan-hairline--top-bottom::after,.zan-hairline--top::after,.zan-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.zan-hairline--top::after{border-top-width:1px}.zan-hairline--left::after{border-left-width:1px}.zan-hairline--right::after{border-right-width:1px}.zan-hairline--bottom::after{border-bottom-width:1px}.zan-hairline--top-bottom::after{border-width:1px 0}.zan-hairline--surround::after{border-width:1px}
\ No newline at end of file
+.van-pull-left{float:left}.van-pull-right{float:right}.van-center{text-align:center}.van-right{text-align:right}.van-text-deleted{text-decoration:line-through}.van-font-8{font-size:8px}.van-font-10{font-size:10px}.van-font-12{font-size:12px}.van-font-14{font-size:14px}.van-font-16{font-size:16px}.van-font-18{font-size:18px}.van-font-20{font-size:20px}.van-font-22{font-size:22px}.van-font-24{font-size:24px}.van-font-26{font-size:26px}.van-font-30{font-size:30px}.van-font-bold{font-weight:700}.van-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.van-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix{zoom:1}.van-clearfix::after{content:'';display:table;clear:both}.van-c-red{color:#f44}.van-c-black{color:#000}.van-c-green{color:#06bf04}.van-c-blue{color:#38f}.van-c-gray{color:#c9c9c9}.van-c-gray-dark{color:#999}.van-c-gray-darker{color:#666}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}
\ No newline at end of file
diff --git a/dist/loadmore/index.wxml b/dist/loadmore/index.wxml
index af349a81..91aaf503 100644
--- a/dist/loadmore/index.wxml
+++ b/dist/loadmore/index.wxml
@@ -1,12 +1,12 @@
-<view class="zan-loadmore">
+<view class="van-loadmore">
   <block wx:if="{{ type === 'loading' }}">
-    <view class="zan-loading"></view>
-    <view class="zan-loadmore__tips">加载中...</view>
+    <view class="van-loading"></view>
+    <view class="van-loadmore__tips">加载中...</view>
   </block>
   <block wx:elif="{{ type === 'text' }}">
-    <view class="zan-loadmore__line"></view>
-    <text wx:if="{{ text }}" class="zan-loadmore__text">{{ text }}</text>
-    <view wx:else class="zan-loadmore__dot"></view>
-    <view class="zan-loadmore__line"></view>
+    <view class="van-loadmore__line"></view>
+    <text wx:if="{{ text }}" class="van-loadmore__text">{{ text }}</text>
+    <view wx:else class="van-loadmore__dot"></view>
+    <view class="van-loadmore__line"></view>
   </block>
 </view>
\ No newline at end of file
diff --git a/dist/loadmore/index.wxss b/dist/loadmore/index.wxss
index 43027485..057b5f47 100644
--- a/dist/loadmore/index.wxss
+++ b/dist/loadmore/index.wxss
@@ -1 +1 @@
-.zan-loadmore{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-height:24px;line-height:24px;font-size:12px}.zan-loadmore__line{-webkit-box-flex:1;flex:1;height:1px;position:relative}.zan-loadmore__line::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px}.zan-loadmore__dot,.zan-loadmore__text{margin:0 5px}.zan-loadmore__dot{content:"";width:4px;height:4px;border-radius:50%;background-color:#e5e5e5;display:inline-block;vertical-align:middle}.zan-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:weuiLoading 1s steps(12,end) infinite;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;background-size:100%}.zan-loadmore__tips{display:inline-block;vertical-align:middle;height:24px;line-height:24px}
\ No newline at end of file
+.van-loadmore{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-height:24px;line-height:24px;font-size:12px}.van-loadmore__line{-webkit-box-flex:1;flex:1;height:1px;position:relative}.van-loadmore__line::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px}.van-loadmore__dot,.van-loadmore__text{margin:0 5px}.van-loadmore__dot{content:"";width:4px;height:4px;border-radius:50%;background-color:#e5e5e5;display:inline-block;vertical-align:middle}.van-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:weuiLoading 1s steps(12,end) infinite;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;background-size:100%}.van-loadmore__tips{display:inline-block;vertical-align:middle;height:24px;line-height:24px}
\ No newline at end of file
diff --git a/dist/noticebar/index.js b/dist/noticebar/index.js
index dc844b7f..aacfaf61 100644
--- a/dist/noticebar/index.js
+++ b/dist/noticebar/index.js
@@ -89,7 +89,7 @@ Component({
     _init: function _init() {
       var _this = this;
 
-      wx.createSelectorQuery().in(this).select('.zan-noticebar__content').boundingClientRect(function (rect) {
+      wx.createSelectorQuery().in(this).select('.van-noticebar__content').boundingClientRect(function (rect) {
         if (!rect || !rect.width) {
           return;
         }
@@ -97,7 +97,7 @@ Component({
           width: rect.width
         });
 
-        wx.createSelectorQuery().in(_this).select('.zan-noticebar__content-wrap').boundingClientRect(function (rect) {
+        wx.createSelectorQuery().in(_this).select('.van-noticebar__content-wrap').boundingClientRect(function (rect) {
           if (!rect || !rect.width) {
             return;
           }
diff --git a/dist/noticebar/index.json b/dist/noticebar/index.json
index 9e5bbd55..a9ab393a 100644
--- a/dist/noticebar/index.json
+++ b/dist/noticebar/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-icon": "../icon/index"
+    "van-icon": "../icon/index"
   }
 }
\ No newline at end of file
diff --git a/dist/noticebar/index.wxml b/dist/noticebar/index.wxml
index 08efb94c..b72197ef 100644
--- a/dist/noticebar/index.wxml
+++ b/dist/noticebar/index.wxml
@@ -1,21 +1,21 @@
 <view
   wx:if="{{ show }}"
-  class="zan-noticebar {{ hasRightIcon ? 'zan-noticebar--within-icon' : '' }}"
+  class="van-noticebar {{ hasRightIcon ? 'van-noticebar--within-icon' : '' }}"
   style="color: {{ color }};background-color: {{ backgroundColor }}"
 >
-  <view wx:if="{{ leftIcon }}" class="zan-noticebar__left-icon">
+  <view wx:if="{{ leftIcon }}" class="van-noticebar__left-icon">
     <image src="{{ leftIcon }}" />
   </view>
-  <view class="zan-noticebar__content-wrap">
-    <view class="zan-noticebar__content" animation="{{ animationData }}">
+  <view class="van-noticebar__content-wrap">
+    <view class="van-noticebar__content" animation="{{ animationData }}">
       {{ text }}
     </view>
   </view>
 
   <block wx:if="{{ mode }}">
-    <zan-icon
+    <van-icon
       wx:if="{{ mode === 'closeable' }}"
-      class="zan-noticebar__right-icon"
+      class="van-noticebar__right-icon"
       type="close"
       bindtap="_handleButtonClick"
     />
@@ -24,7 +24,7 @@
       url="{{ url }}"
       open-type="{{ openType }}"
     >
-      <zan-icon class="zan-noticebar__right-icon" type="arrow" />
+      <van-icon class="van-noticebar__right-icon" type="arrow" />
     </navigator>
   </block>
 
diff --git a/dist/noticebar/index.wxss b/dist/noticebar/index.wxss
index 3d25db32..428be70b 100644
--- a/dist/noticebar/index.wxss
+++ b/dist/noticebar/index.wxss
@@ -1 +1 @@
-.zan-noticebar{display:-webkit-box;display:flex;padding:9px 10px;font-size:12px;line-height:1.5}.zan-noticebar--within-icon{position:relative;padding-right:30px}.zan-noticebar__left-icon{height:18px;min-width:20px;padding-top:1px;box-sizing:border-box}.zan-noticebar__left-icon>image{width:16px;height:16px}.zan-noticebar__right-icon{position:absolute;top:10px;right:10px;font-size:15px;line-height:1}.zan-noticebar__content-wrap{position:relative;-webkit-box-flex:1;flex:1;height:18px;overflow:hidden}.zan-noticebar__content{position:absolute;white-space:nowrap}
\ No newline at end of file
+.van-noticebar{display:-webkit-box;display:flex;padding:9px 10px;font-size:12px;line-height:1.5}.van-noticebar--within-icon{position:relative;padding-right:30px}.van-noticebar__left-icon{height:18px;min-width:20px;padding-top:1px;box-sizing:border-box}.van-noticebar__left-icon>image{width:16px;height:16px}.van-noticebar__right-icon{position:absolute;top:10px;right:10px;font-size:15px;line-height:1}.van-noticebar__content-wrap{position:relative;-webkit-box-flex:1;flex:1;height:18px;overflow:hidden}.van-noticebar__content{position:absolute;white-space:nowrap}
\ No newline at end of file
diff --git a/dist/panel/index.wxml b/dist/panel/index.wxml
index 196eeebd..23121dc5 100644
--- a/dist/panel/index.wxml
+++ b/dist/panel/index.wxml
@@ -1,9 +1,9 @@
-<view class="zan-panel">
+<view class="van-panel">
   <view
     wx:if="{{ title }}"
-    class="zan-panel__title">{{ title }}</view>
+    class="van-panel__title">{{ title }}</view>
   <view
-    class="zan-panel__content {{ hideBorder ? 'zan-panel--without-border' : '' }}"
+    class="van-panel__content {{ hideBorder ? 'van-panel--without-border' : '' }}"
   >
     <slot></slot>
   </view>
diff --git a/dist/panel/index.wxss b/dist/panel/index.wxss
index 45971050..798ac453 100644
--- a/dist/panel/index.wxss
+++ b/dist/panel/index.wxss
@@ -1 +1 @@
-.zan-panel{position:relative;overflow:hidden}.zan-panel__title{font-size:14px;line-height:1;color:#999;padding:20px 15px 10px 15px}.zan-panel__content{position:relative;background:#fff;overflow:hidden}.zan-panel__content::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-top-width:1px;border-bottom-width:1px}.zan-panel--without-border::after{border:0 none}
\ No newline at end of file
+.van-panel{position:relative;overflow:hidden}.van-panel__title{font-size:14px;line-height:1;color:#999;padding:20px 15px 10px 15px}.van-panel__content{position:relative;background:#fff;overflow:hidden}.van-panel__content::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-top-width:1px;border-bottom-width:1px}.van-panel--without-border::after{border:0 none}
\ No newline at end of file
diff --git a/dist/radio/index.json b/dist/radio/index.json
index fc0d0bf9..0a336c08 100644
--- a/dist/radio/index.json
+++ b/dist/radio/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-icon": "../icon/index"
+    "van-icon": "../icon/index"
   }
 }
diff --git a/dist/radio/index.wxml b/dist/radio/index.wxml
index 10dbffe5..961b8c1a 100644
--- a/dist/radio/index.wxml
+++ b/dist/radio/index.wxml
@@ -1,27 +1,27 @@
 <radio-group
-  class="zan-radio radio-class"
+  class="van-radio radio-class"
   bindchange="radioChange"
   wx:if="{{ items && items.length }}"
 >
   <label
-    class="zan-radio__label {{ type === 'list' ? 'zan-radio__list-item' : 'zan-radio__item'}}"
+    class="van-radio__label {{ type === 'list' ? 'van-radio__list-item' : 'van-radio__item'}}"
     wx:for="{{ items }}"
     wx:key="{{ item.value }}"
     wx:for-item="item"
     wx:for-index="index"
   >
-    <view class="zan-radio__icon-wrap">
-      <view class="zan-radio__icon {{ item.disabled ? 'zan-radio--disabled' : '' }} {{ item.checked ? 'zan-radio--checked radio-color' : '' }}">
-        <view class="zan-radio__icon-inside"></view>
+    <view class="van-radio__icon-wrap">
+      <view class="van-radio__icon {{ item.disabled ? 'van-radio--disabled' : '' }} {{ item.checked ? 'van-radio--checked radio-color' : '' }}">
+        <view class="van-radio__icon-inside"></view>
       </view>
       <radio
-        class="zan-radio__origin"
+        class="van-radio__origin"
         value="{{ item.name }}"
         checked="{{ item.checked }}"
         disabled="{{ item.disabled }}"
       />
     </view>
-    <view class="zan-radio__name">
+    <view class="van-radio__name">
       {{item.value}}
     </view>
   </label>
diff --git a/dist/radio/index.wxss b/dist/radio/index.wxss
index 3e9f2722..a12713fe 100644
--- a/dist/radio/index.wxss
+++ b/dist/radio/index.wxss
@@ -1 +1 @@
-.zan-radio{display:block;padding:0 10px;font-size:14px}.zan-radio__item{display:block;margin-top:10px;height:20px}.zan-radio__item:last-child{margin-bottom:10px}.zan-radio__list-item{display:block;padding:10px 10px 10px 0;border-bottom:1px solid #e5e5e5}.zan-radio__list-item .zan-radio__icon-wrap{float:right;margin-top:3px}.zan-radio__icon-wrap{position:relative;width:14px;height:15px;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;color:#aaa}.zan-radio__icon-wrap .zan-radio__origin{opacity:0;width:14px;height:20px}.zan-radio__icon-wrap .zan-radio__icon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #dcdfe6;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;box-sizing:border-box}.zan-radio__icon-wrap .zan-radio__icon .zan-radio__icon-inside{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%}.zan-radio__icon-wrap .zan-radio__icon.zan-radio--checked{border-color:#06bf04;background:#06bf04}.zan-radio__icon-wrap .zan-radio__icon.zan-radio--checked .zan-radio__icon-inside{background-color:#fff}.zan-radio__icon-wrap .zan-radio__icon.zan-radio--disabled{opacity:.6}.zan-radio__name{display:inline-block;margin-left:10px}
\ No newline at end of file
+.van-radio{display:block;padding:0 10px;font-size:14px}.van-radio__item{display:block;margin-top:10px;height:20px}.van-radio__item:last-child{margin-bottom:10px}.van-radio__list-item{display:block;padding:10px 10px 10px 0;border-bottom:1px solid #e5e5e5}.van-radio__list-item .van-radio__icon-wrap{float:right;margin-top:3px}.van-radio__icon-wrap{position:relative;width:14px;height:15px;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;color:#aaa}.van-radio__icon-wrap .van-radio__origin{opacity:0;width:14px;height:20px}.van-radio__icon-wrap .van-radio__icon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #dcdfe6;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;box-sizing:border-box}.van-radio__icon-wrap .van-radio__icon .van-radio__icon-inside{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%}.van-radio__icon-wrap .van-radio__icon.van-radio--checked{border-color:#06bf04;background:#06bf04}.van-radio__icon-wrap .van-radio__icon.van-radio--checked .van-radio__icon-inside{background-color:#fff}.van-radio__icon-wrap .van-radio__icon.van-radio--disabled{opacity:.6}.van-radio__name{display:inline-block;margin-left:10px}
\ No newline at end of file
diff --git a/dist/row/index.wxml b/dist/row/index.wxml
index c420646a..6bbc449a 100644
--- a/dist/row/index.wxml
+++ b/dist/row/index.wxml
@@ -1 +1 @@
-<view class="row-class zan-row"><slot></slot></view>
+<view class="row-class van-row"><slot></slot></view>
diff --git a/dist/row/index.wxss b/dist/row/index.wxss
index d1bb0067..24684aa1 100644
--- a/dist/row/index.wxss
+++ b/dist/row/index.wxss
@@ -1 +1 @@
-.zan-row:after{content:"";display:table;clear:both}
\ No newline at end of file
+.van-row:after{content:"";display:table;clear:both}
\ No newline at end of file
diff --git a/dist/search/index.wxml b/dist/search/index.wxml
index 1eeafd04..2d22fc0b 100644
--- a/dist/search/index.wxml
+++ b/dist/search/index.wxml
@@ -1,16 +1,16 @@
 <view
-  class="zan-search {{ searchClass }}"
+  class="van-search {{ searchClass }}"
   style="{{ searchStyle }}"
 >
   <view
-    class="zan-search__form {{ useCancel ? 'zan-search__form--cancel' : '' }} input-class"
+    class="van-search__form {{ useCancel ? 'van-search__form--cancel' : '' }} input-class"
     style="{{ inputStyle }}"
   >
     <icon type="search" size="15" color="#a9a9a9" />
     <input
-      class="zan-search__input"
+      class="van-search__input"
       placeholder="{{ placeholder }}"
-      placeholder-class="zan-search__placeholder"
+      placeholder-class="van-search__placeholder"
       confirm-type="search"
       bindfocus="focus"
       bindblur="blur"
@@ -22,7 +22,7 @@
     />
     <icon
       wx:if="{{keyword}}"
-      class="zan-search__clear"
+      class="van-search__clear"
       type="clear"
       size="14"
       color="#bbb"
@@ -30,7 +30,7 @@
     />
   </view>
   <view
-    class="zan-search__cancel cancel-class"
+    class="van-search__cancel cancel-class"
     wx:if="{{ useCancel }}"
     bindtap="cancelSearch"
     style="{{ cancelStyle }}"
diff --git a/dist/search/index.wxss b/dist/search/index.wxss
index 8ee8f24f..1f013dae 100644
--- a/dist/search/index.wxss
+++ b/dist/search/index.wxss
@@ -1 +1 @@
-.zan-search{box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;background:0 0;padding:5px 10px}.zan-search.center-placeholder{background:#fff}.zan-search.center-placeholder .zan-search__form{margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:none}.zan-search.zan-cell::after{display:none}.zan-search__form{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;background:#fff;border-radius:4rpx;height:64rpx;line-height:56rpx;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.zan-search picker{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:100%;padding-right:20rpx}.zan-search__form .picker{position:relative;width:110rpx;height:100%;color:#666;font-size:28rpx;margin-left:20rpx}.zan-search__form .picker::after{content:'';width:0;height:0;position:absolute;right:0;top:50%;margin-top:-6rpx;border-top:12rpx solid #333;border-right:8rpx solid transparent;border-left:8rpx solid transparent}.zan-search__form input{height:100%;-webkit-box-flex:1;flex:1;padding:0 20rpx;font-size:28rpx;color:#333}.zan-search__form icon{margin-left:20rpx;line-height:1}.zan-search__clear{padding:12rpx 20rpx}.zan-search__placeholder{font-size:28rpx;color:#cacaca}.zan-search__cancel{align-self:stretch;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;padding-left:30rpx;font-size:28rpx;color:#38f}
\ No newline at end of file
+.van-search{box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;background:0 0;padding:5px 10px}.van-search.center-placeholder{background:#fff}.van-search.center-placeholder .van-search__form{margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:none}.van-search.van-cell::after{display:none}.van-search__form{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;background:#fff;border-radius:4rpx;height:64rpx;line-height:56rpx;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.van-search picker{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:100%;padding-right:20rpx}.van-search__form .picker{position:relative;width:110rpx;height:100%;color:#666;font-size:28rpx;margin-left:20rpx}.van-search__form .picker::after{content:'';width:0;height:0;position:absolute;right:0;top:50%;margin-top:-6rpx;border-top:12rpx solid #333;border-right:8rpx solid transparent;border-left:8rpx solid transparent}.van-search__form input{height:100%;-webkit-box-flex:1;flex:1;padding:0 20rpx;font-size:28rpx;color:#333}.van-search__form icon{margin-left:20rpx;line-height:1}.van-search__clear{padding:12rpx 20rpx}.van-search__placeholder{font-size:28rpx;color:#cacaca}.van-search__cancel{align-self:stretch;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;padding-left:30rpx;font-size:28rpx;color:#38f}
\ No newline at end of file
diff --git a/dist/select/index.json b/dist/select/index.json
index 9bab8188..d2a8d90e 100644
--- a/dist/select/index.json
+++ b/dist/select/index.json
@@ -1,7 +1,7 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-icon": "../icon/index",
-    "zan-cell": "../cell/index"
+    "van-icon": "../icon/index",
+    "van-cell": "../cell/index"
   }
 }
diff --git a/dist/select/index.wxml b/dist/select/index.wxml
index 7d0ce062..00681349 100644
--- a/dist/select/index.wxml
+++ b/dist/select/index.wxml
@@ -1,18 +1,18 @@
 <radio-group
-  class="zan-select__list"
+  class="van-select__list"
   bindchange="handleSelectChange"
 >
   <label wx:for="{{ items }}" wx:key="value">
-    <zan-cell>
-      <radio class="zan-select__radio" value="{{ item.value }}" checked="{{ item.value === checkedValue }}"/>
+    <van-cell>
+      <radio class="van-select__radio" value="{{ item.value }}" checked="{{ item.value === checkedValue }}"/>
       <span style="{{ parse.getItemStyle(item, checkedValue, activeColor) }}">{{ item.name }}</span>
-      <zan-icon
+      <van-icon
         wx:if="{{ item.value === checkedValue }}"
         slot="footer"
         type="success"
         style="color: {{ parse.getColor(activeColor) }};font-size: 14px;"
       />
-    </zan-cell>
+    </van-cell>
   </label>
 </radio-group>
 
diff --git a/dist/select/index.wxss b/dist/select/index.wxss
index 3dbcead1..5c815303 100644
--- a/dist/select/index.wxss
+++ b/dist/select/index.wxss
@@ -1 +1 @@
-.zan-select__list .zan-select__radio{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0}
\ No newline at end of file
+.van-select__list .van-select__radio{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0}
\ No newline at end of file
diff --git a/dist/stepper/index.wxml b/dist/stepper/index.wxml
index 8e3b9fe8..11c4680a 100644
--- a/dist/stepper/index.wxml
+++ b/dist/stepper/index.wxml
@@ -1,20 +1,20 @@
-<view class="zan-stepper zan-stepper--{{ size }}">
+<view class="van-stepper van-stepper--{{ size }}">
   <view
-    class="zan-stepper__minus {{ stepper <= min ? 'zan-stepper--disabled' : '' }}"
+    class="van-stepper__minus {{ stepper <= min ? 'van-stepper--disabled' : '' }}"
     data-disabled="{{ stepper <= min }}"
     bindtap="handleZanStepperMinus"
   >
     -
   </view>
   <input
-    class="zan-stepper__text {{ min >= max ? 'zan-stepper--disabled' : '' }}"
+    class="van-stepper__text {{ min >= max ? 'van-stepper--disabled' : '' }}"
     type="number"
     value="{{ stepper }}"
     disabled="{{ min >= max }}"
     bindblur="handleZanStepperBlur"
   />
   <view
-    class="zan-stepper__plus {{ stepper >= max ? 'zan-stepper--disabled' : '' }}"
+    class="van-stepper__plus {{ stepper >= max ? 'van-stepper--disabled' : '' }}"
     data-disabled="{{ stepper >= max }}"
     bindtap="handleZanStepperPlus"
   >
diff --git a/dist/stepper/index.wxss b/dist/stepper/index.wxss
index 9f960cba..ded2837f 100644
--- a/dist/stepper/index.wxss
+++ b/dist/stepper/index.wxss
@@ -1 +1 @@
-.zan-stepper{color:#666}.zan-stepper view{display:inline-block;padding:5px 0;text-align:center;box-sizing:border-box;vertical-align:middle;font-size:12px;border:1rpx solid #999}.zan-stepper .zan-stepper__minus{border-right:none;border-radius:2px 0 0 2px}.zan-stepper .zan-stepper__text{border:1rpx solid #999;display:inline-block;text-align:center;vertical-align:middle;min-height:auto;font-size:12px}.zan-stepper .zan-stepper__plus{border-left:none;border-radius:0 2px 2px 0}.zan-stepper .zan-stepper--disabled{background:#f8f8f8;color:#bbb;border-color:#e8e8e8}.zan-stepper--small view{min-width:36px;line-height:18px}.zan-stepper--small .zan-stepper__text{width:36px;line-height:28px;height:28px}.zan-stepper--middle view{min-width:40px;line-height:20px}.zan-stepper--middle .zan-stepper__text{width:40px;line-height:30px;height:30px}.zan-stepper--large view{min-width:44px;line-height:22px}.zan-stepper--large .zan-stepper__text{width:44px;line-height:32px;height:32px}
\ No newline at end of file
+.van-stepper{color:#666}.van-stepper view{display:inline-block;padding:5px 0;text-align:center;box-sizing:border-box;vertical-align:middle;font-size:12px;border:1rpx solid #999}.van-stepper .van-stepper__minus{border-right:none;border-radius:2px 0 0 2px}.van-stepper .van-stepper__text{border:1rpx solid #999;display:inline-block;text-align:center;vertical-align:middle;min-height:auto;font-size:12px}.van-stepper .van-stepper__plus{border-left:none;border-radius:0 2px 2px 0}.van-stepper .van-stepper--disabled{background:#f8f8f8;color:#bbb;border-color:#e8e8e8}.van-stepper--small view{min-width:36px;line-height:18px}.van-stepper--small .van-stepper__text{width:36px;line-height:28px;height:28px}.van-stepper--middle view{min-width:40px;line-height:20px}.van-stepper--middle .van-stepper__text{width:40px;line-height:30px;height:30px}.van-stepper--large view{min-width:44px;line-height:22px}.van-stepper--large .van-stepper__text{width:44px;line-height:32px;height:32px}
\ No newline at end of file
diff --git a/dist/steps/index.wxml b/dist/steps/index.wxml
index ee707ed6..cd0b160f 100644
--- a/dist/steps/index.wxml
+++ b/dist/steps/index.wxml
@@ -1,13 +1,13 @@
-<view class="steps-class zan-steps zan-steps--{{ type == 'vertical' ? 'vsteps' : 'steps' }} zan-steps--{{ steps.length }} {{ className }}">
+<view class="steps-class van-steps van-steps--{{ type == 'vertical' ? 'vsteps' : 'steps' }} van-steps--{{ steps.length }} {{ className }}">
   <view
     wx:for="{{ steps }}" wx:for-item="step" wx:key="unique" wx:for-index="index"
-    class="zan-steps__step {{ hasDesc ? 'zan-steps__step--db-title' : '' }} {{ index == 0 ? 'zan-steps__step--first-child' : '' }} {{ index == steps.length - 1 ? 'zan-steps__step--last-child' : '' }} {{ step.done ? 'zan-steps__step--done' : '' }} {{ step.current ? 'zan-steps__step--cur' : '' }}"
+    class="van-steps__step {{ hasDesc ? 'van-steps__step--db-title' : '' }} {{ index == 0 ? 'van-steps__step--first-child' : '' }} {{ index == steps.length - 1 ? 'van-steps__step--last-child' : '' }} {{ step.done ? 'van-steps__step--done' : '' }} {{ step.current ? 'van-steps__step--cur' : '' }}"
   >
-    <view class="zan-steps__title title-class">{{ step.text }}</view>
-    <view wx:if="{{ hasDesc && step.desc }}" class="zan-steps__title zan-steps__title--desc desc-class">{{ step.desc }}</view>
-    <view class="zan-steps__icons icon-class">
-      <view class="zan-steps__circle"></view>
+    <view class="van-steps__title title-class">{{ step.text }}</view>
+    <view wx:if="{{ hasDesc && step.desc }}" class="van-steps__title van-steps__title--desc desc-class">{{ step.desc }}</view>
+    <view class="van-steps__icons icon-class">
+      <view class="van-steps__circle"></view>
     </view>
-    <view class="zan-steps__line"></view>
+    <view class="van-steps__line"></view>
   </view>
 </view>
diff --git a/dist/steps/index.wxss b/dist/steps/index.wxss
index 827f3368..8441a7b4 100644
--- a/dist/steps/index.wxss
+++ b/dist/steps/index.wxss
@@ -1 +1 @@
-.zan-steps--steps.zan-steps--5 .zan-steps__step{width:25%}.zan-steps--steps.zan-steps--4 .zan-steps__step{width:33%}.zan-steps--steps.zan-steps--3 .zan-steps__step{width:50%}.zan-steps--steps .zan-steps__step{position:relative;float:left;padding-bottom:25px;color:#b1b1b1;width:100%}.zan-steps--steps .zan-steps__title{-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:10px;text-align:center}.zan-steps--steps .zan-steps__icons{position:absolute;top:30px;left:-10px;padding:0 8px;background-color:#fff;z-index:10}.zan-steps--steps .zan-steps__circle{display:block;position:relative;width:5px;height:5px;background-color:#e5e5e5;border-radius:50%}.zan-steps--steps .zan-steps__line{position:absolute;left:0;top:32px;width:100%;height:1px;background-color:#e5e5e5}.zan-steps--steps .zan-steps__step--done{color:#333}.zan-steps--steps .zan-steps__step--done .zan-steps__line{background-color:#06bf04}.zan-steps--steps .zan-steps__step--done .zan-steps__circle{width:5px;height:5px;background-color:#09bb07}.zan-steps--steps .zan-steps__step--cur .zan-steps__icons{top:25px;left:-14px}.zan-steps--steps .zan-steps__step--cur .zan-steps__circle{width:13px;height:13px;background-image:url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px}.zan-steps--steps .zan-steps__step--cur .zan-steps__line{background-color:#e5e5e5}.zan-steps--steps .zan-steps__step--first-child .zan-steps__title{margin-left:0;-webkit-transform:none;transform:none;text-align:left}.zan-steps--steps .zan-steps__step--first-child .zan-steps__icons{left:-7px}.zan-steps--steps .zan-steps__step--last-child{position:absolute;right:0;top:0;text-align:right}.zan-steps--steps .zan-steps__step--last-child .zan-steps__title{-webkit-transform:none;transform:none;text-align:right}.zan-steps--steps .zan-steps__step--last-child .zan-steps__icons{left:auto;right:-6px}.zan-steps--steps .zan-steps__step--last-child .zan-steps__line{display:none}.zan-steps--steps .zan-steps__step--db-title{min-height:29px}.zan-steps--steps .zan-steps__step--db-title .zan-steps__line{top:45px}.zan-steps--steps .zan-steps__step--db-title .zan-steps__icons{top:43px}.zan-steps--steps .zan-steps__step--db-title.zan-steps__step--cur .zan-steps__icons{top:39px}.zan-steps--vsteps{color:#999;font-size:14px}.zan-steps--vsteps .zan-steps__step{position:relative;padding:15px 0}.zan-steps--vsteps .zan-steps__step--done{color:#4b0}.zan-steps--vsteps .zan-steps__line{position:absolute;top:0;bottom:0;left:7px;width:1px;background-color:#e5e5e5}.zan-steps--vsteps .zan-steps__title{display:inline-block;line-height:20px;padding-left:27px}.zan-steps--vsteps .zan-steps__title--desc{padding-left:3px}.zan-steps--vsteps .zan-steps__icons{position:absolute;left:7px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;padding:3px 0;background-color:#fff}.zan-steps--vsteps .zan-steps__circle{width:5px;height:5px;background-color:#e5e5e5;border-radius:10px}.zan-steps--vsteps .zan-steps__step--done .zan-steps__circle{width:5px;height:5px;background-color:#09bb07}.zan-steps--vsteps .zan-steps__step--cur .zan-steps__circle{width:13px;height:13px;background:transparent url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px;border-radius:0}.zan-steps--vsteps .zan-steps__icon--active{width:13px;height:13px}.zan-steps--vsteps .zan-steps__step--first-child .zan-steps__title::before{content:'';position:absolute;top:0;bottom:50%;left:7px;width:1px;background-color:#fff;z-index:1}.zan-steps--vsteps .zan-steps__step--last-child .zan-steps__title::after{content:'';position:absolute;top:50%;bottom:0;left:7px;width:1px;background-color:#fff;z-index:1}.zan-steps{position:relative}
\ No newline at end of file
+.van-steps--steps.van-steps--5 .van-steps__step{width:25%}.van-steps--steps.van-steps--4 .van-steps__step{width:33%}.van-steps--steps.van-steps--3 .van-steps__step{width:50%}.van-steps--steps .van-steps__step{position:relative;float:left;padding-bottom:25px;color:#b1b1b1;width:100%}.van-steps--steps .van-steps__title{-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:10px;text-align:center}.van-steps--steps .van-steps__icons{position:absolute;top:30px;left:-10px;padding:0 8px;background-color:#fff;z-index:10}.van-steps--steps .van-steps__circle{display:block;position:relative;width:5px;height:5px;background-color:#e5e5e5;border-radius:50%}.van-steps--steps .van-steps__line{position:absolute;left:0;top:32px;width:100%;height:1px;background-color:#e5e5e5}.van-steps--steps .van-steps__step--done{color:#333}.van-steps--steps .van-steps__step--done .van-steps__line{background-color:#06bf04}.van-steps--steps .van-steps__step--done .van-steps__circle{width:5px;height:5px;background-color:#09bb07}.van-steps--steps .van-steps__step--cur .van-steps__icons{top:25px;left:-14px}.van-steps--steps .van-steps__step--cur .van-steps__circle{width:13px;height:13px;background-image:url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px}.van-steps--steps .van-steps__step--cur .van-steps__line{background-color:#e5e5e5}.van-steps--steps .van-steps__step--first-child .van-steps__title{margin-left:0;-webkit-transform:none;transform:none;text-align:left}.van-steps--steps .van-steps__step--first-child .van-steps__icons{left:-7px}.van-steps--steps .van-steps__step--last-child{position:absolute;right:0;top:0;text-align:right}.van-steps--steps .van-steps__step--last-child .van-steps__title{-webkit-transform:none;transform:none;text-align:right}.van-steps--steps .van-steps__step--last-child .van-steps__icons{left:auto;right:-6px}.van-steps--steps .van-steps__step--last-child .van-steps__line{display:none}.van-steps--steps .van-steps__step--db-title{min-height:29px}.van-steps--steps .van-steps__step--db-title .van-steps__line{top:45px}.van-steps--steps .van-steps__step--db-title .van-steps__icons{top:43px}.van-steps--steps .van-steps__step--db-title.van-steps__step--cur .van-steps__icons{top:39px}.van-steps--vsteps{color:#999;font-size:14px}.van-steps--vsteps .van-steps__step{position:relative;padding:15px 0}.van-steps--vsteps .van-steps__step--done{color:#4b0}.van-steps--vsteps .van-steps__line{position:absolute;top:0;bottom:0;left:7px;width:1px;background-color:#e5e5e5}.van-steps--vsteps .van-steps__title{display:inline-block;line-height:20px;padding-left:27px}.van-steps--vsteps .van-steps__title--desc{padding-left:3px}.van-steps--vsteps .van-steps__icons{position:absolute;left:7px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;padding:3px 0;background-color:#fff}.van-steps--vsteps .van-steps__circle{width:5px;height:5px;background-color:#e5e5e5;border-radius:10px}.van-steps--vsteps .van-steps__step--done .van-steps__circle{width:5px;height:5px;background-color:#09bb07}.van-steps--vsteps .van-steps__step--cur .van-steps__circle{width:13px;height:13px;background:transparent url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px;border-radius:0}.van-steps--vsteps .van-steps__icon--active{width:13px;height:13px}.van-steps--vsteps .van-steps__step--first-child .van-steps__title::before{content:'';position:absolute;top:0;bottom:50%;left:7px;width:1px;background-color:#fff;z-index:1}.van-steps--vsteps .van-steps__step--last-child .van-steps__title::after{content:'';position:absolute;top:50%;bottom:0;left:7px;width:1px;background-color:#fff;z-index:1}.van-steps{position:relative}
\ No newline at end of file
diff --git a/dist/steps/wxss/step.wxss b/dist/steps/wxss/step.wxss
index 44b0f582..374b6d26 100644
--- a/dist/steps/wxss/step.wxss
+++ b/dist/steps/wxss/step.wxss
@@ -1 +1 @@
-.zan-steps--steps.zan-steps--5 .zan-steps__step{width:25%}.zan-steps--steps.zan-steps--4 .zan-steps__step{width:33%}.zan-steps--steps.zan-steps--3 .zan-steps__step{width:50%}.zan-steps--steps .zan-steps__step{position:relative;float:left;padding-bottom:25px;color:#b1b1b1;width:100%}.zan-steps--steps .zan-steps__title{-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:10px;text-align:center}.zan-steps--steps .zan-steps__icons{position:absolute;top:30px;left:-10px;padding:0 8px;background-color:#fff;z-index:10}.zan-steps--steps .zan-steps__circle{display:block;position:relative;width:5px;height:5px;background-color:#e5e5e5;border-radius:50%}.zan-steps--steps .zan-steps__line{position:absolute;left:0;top:32px;width:100%;height:1px;background-color:#e5e5e5}.zan-steps--steps .zan-steps__step--done{color:#333}.zan-steps--steps .zan-steps__step--done .zan-steps__line{background-color:#06bf04}.zan-steps--steps .zan-steps__step--done .zan-steps__circle{width:5px;height:5px;background-color:#09bb07}.zan-steps--steps .zan-steps__step--cur .zan-steps__icons{top:25px;left:-14px}.zan-steps--steps .zan-steps__step--cur .zan-steps__circle{width:13px;height:13px;background-image:url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px}.zan-steps--steps .zan-steps__step--cur .zan-steps__line{background-color:#e5e5e5}.zan-steps--steps .zan-steps__step--first-child .zan-steps__title{margin-left:0;-webkit-transform:none;transform:none;text-align:left}.zan-steps--steps .zan-steps__step--first-child .zan-steps__icons{left:-7px}.zan-steps--steps .zan-steps__step--last-child{position:absolute;right:0;top:0;text-align:right}.zan-steps--steps .zan-steps__step--last-child .zan-steps__title{-webkit-transform:none;transform:none;text-align:right}.zan-steps--steps .zan-steps__step--last-child .zan-steps__icons{left:auto;right:-6px}.zan-steps--steps .zan-steps__step--last-child .zan-steps__line{display:none}.zan-steps--steps .zan-steps__step--db-title{min-height:29px}.zan-steps--steps .zan-steps__step--db-title .zan-steps__line{top:45px}.zan-steps--steps .zan-steps__step--db-title .zan-steps__icons{top:43px}.zan-steps--steps .zan-steps__step--db-title.zan-steps__step--cur .zan-steps__icons{top:39px}
\ No newline at end of file
+.van-steps--steps.van-steps--5 .van-steps__step{width:25%}.van-steps--steps.van-steps--4 .van-steps__step{width:33%}.van-steps--steps.van-steps--3 .van-steps__step{width:50%}.van-steps--steps .van-steps__step{position:relative;float:left;padding-bottom:25px;color:#b1b1b1;width:100%}.van-steps--steps .van-steps__title{-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:10px;text-align:center}.van-steps--steps .van-steps__icons{position:absolute;top:30px;left:-10px;padding:0 8px;background-color:#fff;z-index:10}.van-steps--steps .van-steps__circle{display:block;position:relative;width:5px;height:5px;background-color:#e5e5e5;border-radius:50%}.van-steps--steps .van-steps__line{position:absolute;left:0;top:32px;width:100%;height:1px;background-color:#e5e5e5}.van-steps--steps .van-steps__step--done{color:#333}.van-steps--steps .van-steps__step--done .van-steps__line{background-color:#06bf04}.van-steps--steps .van-steps__step--done .van-steps__circle{width:5px;height:5px;background-color:#09bb07}.van-steps--steps .van-steps__step--cur .van-steps__icons{top:25px;left:-14px}.van-steps--steps .van-steps__step--cur .van-steps__circle{width:13px;height:13px;background-image:url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px}.van-steps--steps .van-steps__step--cur .van-steps__line{background-color:#e5e5e5}.van-steps--steps .van-steps__step--first-child .van-steps__title{margin-left:0;-webkit-transform:none;transform:none;text-align:left}.van-steps--steps .van-steps__step--first-child .van-steps__icons{left:-7px}.van-steps--steps .van-steps__step--last-child{position:absolute;right:0;top:0;text-align:right}.van-steps--steps .van-steps__step--last-child .van-steps__title{-webkit-transform:none;transform:none;text-align:right}.van-steps--steps .van-steps__step--last-child .van-steps__icons{left:auto;right:-6px}.van-steps--steps .van-steps__step--last-child .van-steps__line{display:none}.van-steps--steps .van-steps__step--db-title{min-height:29px}.van-steps--steps .van-steps__step--db-title .van-steps__line{top:45px}.van-steps--steps .van-steps__step--db-title .van-steps__icons{top:43px}.van-steps--steps .van-steps__step--db-title.van-steps__step--cur .van-steps__icons{top:39px}
\ No newline at end of file
diff --git a/dist/steps/wxss/vstep.wxss b/dist/steps/wxss/vstep.wxss
index 6661d860..0dc782e1 100644
--- a/dist/steps/wxss/vstep.wxss
+++ b/dist/steps/wxss/vstep.wxss
@@ -1 +1 @@
-.zan-steps--vsteps{color:#999;font-size:14px}.zan-steps--vsteps .zan-steps__step{position:relative;padding:15px 0}.zan-steps--vsteps .zan-steps__step--done{color:#4b0}.zan-steps--vsteps .zan-steps__line{position:absolute;top:0;bottom:0;left:7px;width:1px;background-color:#e5e5e5}.zan-steps--vsteps .zan-steps__title{display:inline-block;line-height:20px;padding-left:27px}.zan-steps--vsteps .zan-steps__title--desc{padding-left:3px}.zan-steps--vsteps .zan-steps__icons{position:absolute;left:7px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;padding:3px 0;background-color:#fff}.zan-steps--vsteps .zan-steps__circle{width:5px;height:5px;background-color:#e5e5e5;border-radius:10px}.zan-steps--vsteps .zan-steps__step--done .zan-steps__circle{width:5px;height:5px;background-color:#09bb07}.zan-steps--vsteps .zan-steps__step--cur .zan-steps__circle{width:13px;height:13px;background:transparent url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px;border-radius:0}.zan-steps--vsteps .zan-steps__icon--active{width:13px;height:13px}.zan-steps--vsteps .zan-steps__step--first-child .zan-steps__title::before{content:'';position:absolute;top:0;bottom:50%;left:7px;width:1px;background-color:#fff;z-index:1}.zan-steps--vsteps .zan-steps__step--last-child .zan-steps__title::after{content:'';position:absolute;top:50%;bottom:0;left:7px;width:1px;background-color:#fff;z-index:1}
\ No newline at end of file
+.van-steps--vsteps{color:#999;font-size:14px}.van-steps--vsteps .van-steps__step{position:relative;padding:15px 0}.van-steps--vsteps .van-steps__step--done{color:#4b0}.van-steps--vsteps .van-steps__line{position:absolute;top:0;bottom:0;left:7px;width:1px;background-color:#e5e5e5}.van-steps--vsteps .van-steps__title{display:inline-block;line-height:20px;padding-left:27px}.van-steps--vsteps .van-steps__title--desc{padding-left:3px}.van-steps--vsteps .van-steps__icons{position:absolute;left:7px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;padding:3px 0;background-color:#fff}.van-steps--vsteps .van-steps__circle{width:5px;height:5px;background-color:#e5e5e5;border-radius:10px}.van-steps--vsteps .van-steps__step--done .van-steps__circle{width:5px;height:5px;background-color:#09bb07}.van-steps--vsteps .van-steps__step--cur .van-steps__circle{width:13px;height:13px;background:transparent url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px;border-radius:0}.van-steps--vsteps .van-steps__icon--active{width:13px;height:13px}.van-steps--vsteps .van-steps__step--first-child .van-steps__title::before{content:'';position:absolute;top:0;bottom:50%;left:7px;width:1px;background-color:#fff;z-index:1}.van-steps--vsteps .van-steps__step--last-child .van-steps__title::after{content:'';position:absolute;top:50%;bottom:0;left:7px;width:1px;background-color:#fff;z-index:1}
\ No newline at end of file
diff --git a/dist/switch/index.wxml b/dist/switch/index.wxml
index afd3468a..b0d87524 100644
--- a/dist/switch/index.wxml
+++ b/dist/switch/index.wxml
@@ -1,12 +1,12 @@
 <view
-  class="custom-class theme-class zan-switch zan-switch--{{ checked ? 'on' : 'off' }} {{ disabled ? 'zan-swtich--disabled' : '' }}"
+  class="custom-class theme-class van-switch van-switch--{{ checked ? 'on' : 'off' }} {{ disabled ? 'van-swtich--disabled' : '' }}"
   checked="{{ checked }}"
   loading="{{ loading }}"
   disabled="{{ disabled }}"
   bindtap="handleZanSwitchChange"
 >
-  <view class="zan-switch__circle">
-    <view hidden="{{ !loading }}" class="zan-switch__loading"></view>
+  <view class="van-switch__circle">
+    <view hidden="{{ !loading }}" class="van-switch__loading"></view>
   </view>
-  <view class="zan-switch__bg"></view>
+  <view class="van-switch__bg"></view>
 </view>
diff --git a/dist/switch/index.wxss b/dist/switch/index.wxss
index f9f2987e..b0b2bd01 100644
--- a/dist/switch/index.wxss
+++ b/dist/switch/index.wxss
@@ -1 +1 @@
-.zan-switch{position:relative;display:inline-block;width:52px;height:32px;vertical-align:middle;box-sizing:border-box;border-radius:16px;background:#44db5e;border:1px solid #44db5e}.zan-switch__circle{position:absolute;top:0;left:0;width:30px;height:30px;display:inline-block;background:#fff;border-radius:15px;box-sizing:border-box;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);-webkit-transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1),-webkit-transform .35s cubic-bezier(.45,1,.4,1);z-index:2}.zan-switch__bg{position:absolute;top:-1px;left:-1px;width:52px;height:32px;background:#fff;border-radius:26px;display:inline-block;border:1px solid #e5e5e5;box-sizing:border-box;-webkit-transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1),-webkit-transform .35s cubic-bezier(.45,1,.4,1);-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:36px 16px;transform-origin:36px 16px}.zan-switch--on .zan-switch__circle{-webkit-transform:translateX(20px);transform:translateX(20px)}.zan-switch--off .zan-switch__bg{-webkit-transform:scale(1);transform:scale(1)}.zan-swtich--disabled{opacity:.4}.zan-switch__loading{position:absolute;left:7px;top:7px;width:16px;height:16px;background:url(https://img.yzcdn.cn/public_files/2017/02/24/9acec77d91106cd15b8107c4633d9155.png) no-repeat;background-size:16px 16px;-webkit-animation:zan-switch-loading .8s infinite linear;animation:zan-switch-loading .8s infinite linear}@-webkit-keyframes zan-switch-loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes zan-switch-loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
\ No newline at end of file
+.van-switch{position:relative;display:inline-block;width:52px;height:32px;vertical-align:middle;box-sizing:border-box;border-radius:16px;background:#44db5e;border:1px solid #44db5e}.van-switch__circle{position:absolute;top:0;left:0;width:30px;height:30px;display:inline-block;background:#fff;border-radius:15px;box-sizing:border-box;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);-webkit-transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1),-webkit-transform .35s cubic-bezier(.45,1,.4,1);z-index:2}.van-switch__bg{position:absolute;top:-1px;left:-1px;width:52px;height:32px;background:#fff;border-radius:26px;display:inline-block;border:1px solid #e5e5e5;box-sizing:border-box;-webkit-transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1),-webkit-transform .35s cubic-bezier(.45,1,.4,1);-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:36px 16px;transform-origin:36px 16px}.van-switch--on .van-switch__circle{-webkit-transform:translateX(20px);transform:translateX(20px)}.van-switch--off .van-switch__bg{-webkit-transform:scale(1);transform:scale(1)}.van-swtich--disabled{opacity:.4}.van-switch__loading{position:absolute;left:7px;top:7px;width:16px;height:16px;background:url(https://img.yzcdn.cn/public_files/2017/02/24/9acec77d91106cd15b8107c4633d9155.png) no-repeat;background-size:16px 16px;-webkit-animation:van-switch-loading .8s infinite linear;animation:van-switch-loading .8s infinite linear}@-webkit-keyframes van-switch-loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes van-switch-loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
\ No newline at end of file
diff --git a/dist/tab/index.wxml b/dist/tab/index.wxml
index 340ef609..409e2670 100644
--- a/dist/tab/index.wxml
+++ b/dist/tab/index.wxml
@@ -1,29 +1,29 @@
 <view
-  class="zan-tab"
+  class="van-tab"
   style="{{ height ? 'height:' + height + 'px' : '' }}"
 >
   <block wx:if="{{ scroll }}">
     <scroll-view
       id="scroll-view"
-      class="zan-tab__bd zan-tab__bd--scroll {{ fixed ? 'zan-tab__bd--fixed' : '' }}"
+      class="van-tab__bd van-tab__bd--scroll {{ fixed ? 'van-tab__bd--fixed' : '' }}"
       scroll-x
       scroll-with-animation
       scroll-left="{{ scrollLeft }}"
       style="height: {{ height ? height + 'px' : 'auto' }}"
     >
       <template
-        is="zan-tab-list"
+        is="van-tab-list"
         data="{{ list, selectedId, height }}"
       />
     </scroll-view>
   </block>
   <block wx:else>
     <view
-      class="zan-tab__bd {{ fixed ? 'zan-tab__bd--fixed' : '' }}"
+      class="van-tab__bd {{ fixed ? 'van-tab__bd--fixed' : '' }}"
       style="height: {{ height ? height + 'px' : 'auto' }}"
     >
       <template
-        is="zan-tab-list"
+        is="van-tab-list"
         data="{{ list, selectedId, height }}"
       />
     </view>
@@ -32,17 +32,17 @@
 <!-- 插入内容 -->
 <slot></slot>
 
-<template name="zan-tab-list">
+<template name="van-tab-list">
   <view
     wx:for="{{ list }}"
     wx:key="id"
-    class="zan-tab__item {{ selectedId == item.id ? 'zan-tab__item--selected' : '' }}"
+    class="van-tab__item {{ selectedId == item.id ? 'van-tab__item--selected' : '' }}"
     id="item-{{ item.id }}"
     data-item-id="{{ item.id }}"
     bindtap="_handleZanTabChange"
   >
     <view
-      class="zan-tab__title"
+      class="van-tab__title"
       style="{{ height ? 'height:' + height + 'px;line-height:' + height + 'px' : '' }}"
     >
       {{ item.title }}
diff --git a/dist/tab/index.wxss b/dist/tab/index.wxss
index 3c9c2c44..eb5b8ef8 100644
--- a/dist/tab/index.wxss
+++ b/dist/tab/index.wxss
@@ -1 +1 @@
-.zan-tab{height:45px}.zan-tab__bd{width:100%;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom:1rpx solid #e5e5e5;background:#fff}.zan-tab__bd--fixed{position:fixed;top:0;z-index:2}.zan-tab__item{-webkit-box-flex:1;flex:1;display:inline-block;padding:0 5px;line-height:0;box-sizing:border-box;overflow:hidden;text-align:center}.zan-tab__title{display:inline-block;max-width:100%;height:44px;line-height:44px;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;word-break:keep-all;font-size:14px;color:#666}.zan-tab__item--selected .zan-tab__title{color:#f44;border-bottom:2px solid #f44}.zan-tab__bd--scroll{display:block;white-space:nowrap}.zan-tab__bd--scroll .zan-tab__item{min-width:80px}
\ No newline at end of file
+.van-tab{height:45px}.van-tab__bd{width:100%;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom:1rpx solid #e5e5e5;background:#fff}.van-tab__bd--fixed{position:fixed;top:0;z-index:2}.van-tab__item{-webkit-box-flex:1;flex:1;display:inline-block;padding:0 5px;line-height:0;box-sizing:border-box;overflow:hidden;text-align:center}.van-tab__title{display:inline-block;max-width:100%;height:44px;line-height:44px;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;word-break:keep-all;font-size:14px;color:#666}.van-tab__item--selected .van-tab__title{color:#f44;border-bottom:2px solid #f44}.van-tab__bd--scroll{display:block;white-space:nowrap}.van-tab__bd--scroll .van-tab__item{min-width:80px}
\ No newline at end of file
diff --git a/dist/tag/index.wxml b/dist/tag/index.wxml
index d012ada4..a585a66f 100644
--- a/dist/tag/index.wxml
+++ b/dist/tag/index.wxml
@@ -1,6 +1,6 @@
 
 <view 
-  class="custom-class theme-class zan-tag {{type ? 'zan-tag--'+type : ''}} {{disabled ? 'zan-tag--disabled' : ''}} {{plain ? 'zan-tag--plain' : ''}}"
+  class="custom-class theme-class van-tag {{type ? 'van-tag--'+type : ''}} {{disabled ? 'van-tag--disabled' : ''}} {{plain ? 'van-tag--plain' : ''}}"
 >
   <slot></slot>
 </view>
\ No newline at end of file
diff --git a/dist/tag/index.wxss b/dist/tag/index.wxss
index 1f3fc698..57e0e3fd 100644
--- a/dist/tag/index.wxss
+++ b/dist/tag/index.wxss
@@ -1 +1 @@
-.zan-tag{display:inline-block;position:relative;box-sizing:border-box;line-height:16px;padding:0 5px;border-radius:2px;font-size:11px;background:#c9c9c9;text-align:center;color:#fff}.zan-tag::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:4px}.zan-tag--plain{color:#c9c9c9;background:#fff}.zan-tag--primary{color:#fff;background-color:#4b0}.zan-tag--primary::after{border-color:#4b0}.zan-tag--primary.zan-tag--plain{color:#4b0;background:#fff}.zan-tag--danger{color:#fff;background:#f44}.zan-tag--danger::after{border-color:#f44}.zan-tag--danger.zan-tag--plain{color:#f44;background:#fff}.zan-tag--warn{color:#fff;background:#f85}.zan-tag--warn::after{border-color:#f85}.zan-tag--warn.zan-tag--plain{color:#f85;background:#fff}.zan-tag--disabled{color:#999!important;background:#e5e5e5}.zan-tag--disabled::after{border-color:#ccc}
\ No newline at end of file
+.van-tag{display:inline-block;position:relative;box-sizing:border-box;line-height:16px;padding:0 5px;border-radius:2px;font-size:11px;background:#c9c9c9;text-align:center;color:#fff}.van-tag::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:4px}.van-tag--plain{color:#c9c9c9;background:#fff}.van-tag--primary{color:#fff;background-color:#4b0}.van-tag--primary::after{border-color:#4b0}.van-tag--primary.van-tag--plain{color:#4b0;background:#fff}.van-tag--danger{color:#fff;background:#f44}.van-tag--danger::after{border-color:#f44}.van-tag--danger.van-tag--plain{color:#f44;background:#fff}.van-tag--warn{color:#fff;background:#f85}.van-tag--warn::after{border-color:#f85}.van-tag--warn.van-tag--plain{color:#f85;background:#fff}.van-tag--disabled{color:#999!important;background:#e5e5e5}.van-tag--disabled::after{border-color:#ccc}
\ No newline at end of file
diff --git a/dist/toast/index.json b/dist/toast/index.json
index fc0d0bf9..0a336c08 100644
--- a/dist/toast/index.json
+++ b/dist/toast/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-icon": "../icon/index"
+    "van-icon": "../icon/index"
   }
 }
diff --git a/dist/toast/index.wxml b/dist/toast/index.wxml
index ac180b71..af4af861 100644
--- a/dist/toast/index.wxml
+++ b/dist/toast/index.wxml
@@ -1,5 +1,5 @@
 <view
-  class="zan-toast {{ !message ? 'zan-toast--notitle' : '' }}"
+  class="van-toast {{ !message ? 'van-toast--notitle' : '' }}"
   wx:if="{{ show }}"
   bindtap="clearZanToast"
 >
@@ -9,20 +9,20 @@
   >
     <view
       wx:if="{{ image }}"
-      class="zan-toast__icon zan-toast__icon-image"
+      class="van-toast__icon van-toast__icon-image"
       style="background-image: url({{ image }});"
     ></view>
     <view
       wx:elif="{{ icon === 'loading' }}"
-      class="zan-toast__icon zan-toast__icon-loading"
+      class="van-toast__icon van-toast__icon-loading"
     >
-      <view class="zan-loading"></view>
+      <view class="van-loading"></view>
     </view>
-    <zan-icon
+    <van-icon
       wx:else
       type="{{ icon }}"
-      class="zan-toast__icon"
-    ></zan-icon>
+      class="van-toast__icon"
+    ></van-icon>
   </block>
 
   <!-- 文案展示 -->
diff --git a/dist/toast/index.wxss b/dist/toast/index.wxss
index cd90b451..b7460d18 100644
--- a/dist/toast/index.wxss
+++ b/dist/toast/index.wxss
@@ -1 +1 @@
-.zan-toast{position:fixed;top:35%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background:rgba(0,0,0,.7);color:#fff;font-size:14px;line-height:1.5em;margin:0 auto;box-sizing:border-box;padding:10px 18px;text-align:center;border-radius:4px;z-index:100}.zan-toast--notitle{padding:18px}.zan-toast__icon{display:block;width:40px;height:40px;line-height:40px;margin:0 auto;padding:12px 15px;font-size:38px;text-align:center}.zan-toast__icon-loading{line-height:0}.zan-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:weuiLoading 1s steps(12,end) infinite;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;background-size:100%}.zan-toast__icon-loading .zan-loading{width:40px;height:40px}.zan-toast__icon-image{background-size:40px;background-position:center;background-repeat:no-repeat}
\ No newline at end of file
+.van-toast{position:fixed;top:35%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background:rgba(0,0,0,.7);color:#fff;font-size:14px;line-height:1.5em;margin:0 auto;box-sizing:border-box;padding:10px 18px;text-align:center;border-radius:4px;z-index:100}.van-toast--notitle{padding:18px}.van-toast__icon{display:block;width:40px;height:40px;line-height:40px;margin:0 auto;padding:12px 15px;font-size:38px;text-align:center}.van-toast__icon-loading{line-height:0}.van-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:weuiLoading 1s steps(12,end) infinite;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;background-size:100%}.van-toast__icon-loading .van-loading{width:40px;height:40px}.van-toast__icon-image{background-size:40px;background-position:center;background-repeat:no-repeat}
\ No newline at end of file
diff --git a/dist/toptips/index.wxml b/dist/toptips/index.wxml
index bf1757cd..9f42050c 100644
--- a/dist/toptips/index.wxml
+++ b/dist/toptips/index.wxml
@@ -1 +1 @@
-<view class="zan-toptips {{ isShow ? 'zan-toptips--show' : '' }}" style="background-color:{{ backgroundColor }}">{{ content }}</view>
+<view class="van-toptips {{ isShow ? 'van-toptips--show' : '' }}" style="background-color:{{ backgroundColor }}">{{ content }}</view>
diff --git a/dist/toptips/index.wxss b/dist/toptips/index.wxss
index 002f5674..b91d540b 100644
--- a/dist/toptips/index.wxss
+++ b/dist/toptips/index.wxss
@@ -1 +1 @@
-.zan-toptips{display:block;position:fixed;-webkit-transform:translateZ(0) translateY(-100%);width:100%;min-height:32px;top:0;line-height:2.3;font-size:14px;text-align:center;color:#fff;background-color:#e64340;z-index:110;opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease}.zan-toptips--show{-webkit-transform:translateZ(0) translateY(0);opacity:1}
\ No newline at end of file
+.van-toptips{display:block;position:fixed;-webkit-transform:translateZ(0) translateY(-100%);width:100%;min-height:32px;top:0;line-height:2.3;font-size:14px;text-align:center;color:#fff;background-color:#e64340;z-index:110;opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease}.van-toptips--show{-webkit-transform:translateZ(0) translateY(0);opacity:1}
\ No newline at end of file
diff --git a/dist/toptips/toptips.js b/dist/toptips/toptips.js
index 319bec94..5bf6fb40 100644
--- a/dist/toptips/toptips.js
+++ b/dist/toptips/toptips.js
@@ -6,7 +6,7 @@ function Toptips() {
   var pages = getCurrentPages();
   var ctx = pages[pages.length - 1];
   var defaultOptions = {
-    selector: '#zan-toptips',
+    selector: '#van-toptips',
     duration: 3000
   };
 
diff --git a/dist/tree-select/index.json b/dist/tree-select/index.json
index fc0d0bf9..0a336c08 100644
--- a/dist/tree-select/index.json
+++ b/dist/tree-select/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-icon": "../icon/index"
+    "van-icon": "../icon/index"
   }
 }
diff --git a/dist/tree-select/index.wxml b/dist/tree-select/index.wxml
index caa6d584..ceca0c5f 100644
--- a/dist/tree-select/index.wxml
+++ b/dist/tree-select/index.wxml
@@ -5,7 +5,7 @@
   <view class="tree-select__nav">
     <view
       wx:for="{{ items }}"
-      class="tree-select__nitem zan-ellipsis {{ mainActiveIndex === index ? 'tree-select__nitem--active' : '' }}"
+      class="tree-select__nitem van-ellipsis {{ mainActiveIndex === index ? 'tree-select__nitem--active' : '' }}"
       data-index="{{ index }}"
       bindtap="handleNavClick"
     >
@@ -19,16 +19,16 @@
     <view
       wx:for="{{ subItems }}"
       wx:key="id"
-      class="tree-select__item zan-ellipsis {{ activeId === item.id ? 'tree-select__item--active' : '' }}"
+      class="tree-select__item van-ellipsis {{ activeId === item.id ? 'tree-select__item--active' : '' }}"
       data-item="{{ item }}"
       bindtap="onItemSelect"
     >
       {{ item.text }}
-      <zan-icon
+      <van-icon
         wx:if="{{ activeId === item.id }}"
         type="success"
         class="tree-select__selected"
-      ></zan-icon>
+      ></van-icon>
     </view>
   </view>
 </view>
diff --git a/dist/tree-select/index.wxss b/dist/tree-select/index.wxss
index 8e5e7933..11c6c6c2 100644
--- a/dist/tree-select/index.wxss
+++ b/dist/tree-select/index.wxss
@@ -1 +1 @@
-.zan-pull-left{float:left}.zan-pull-right{float:right}.zan-center{text-align:center}.zan-right{text-align:right}.zan-text-deleted{text-decoration:line-through}.zan-font-8{font-size:8px}.zan-font-10{font-size:10px}.zan-font-12{font-size:12px}.zan-font-14{font-size:14px}.zan-font-16{font-size:16px}.zan-font-18{font-size:18px}.zan-font-20{font-size:20px}.zan-font-22{font-size:22px}.zan-font-24{font-size:24px}.zan-font-26{font-size:26px}.zan-font-30{font-size:30px}.zan-font-bold{font-weight:700}.zan-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zan-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zan-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zan-clearfix{zoom:1}.zan-clearfix::after{content:'';display:table;clear:both}.zan-c-red{color:#f44}.zan-c-black{color:#000}.zan-c-green{color:#06bf04}.zan-c-blue{color:#38f}.zan-c-gray{color:#c9c9c9}.zan-c-gray-dark{color:#999}.zan-c-gray-darker{color:#666}.zan-hairline,.zan-hairline--bottom,.zan-hairline--left,.zan-hairline--right,.zan-hairline--surround,.zan-hairline--top,.zan-hairline--top-bottom{position:relative}.zan-hairline--bottom::after,.zan-hairline--left::after,.zan-hairline--right::after,.zan-hairline--surround::after,.zan-hairline--top-bottom::after,.zan-hairline--top::after,.zan-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.zan-hairline--top::after{border-top-width:1px}.zan-hairline--left::after{border-left-width:1px}.zan-hairline--right::after{border-right-width:1px}.zan-hairline--bottom::after{border-bottom-width:1px}.zan-hairline--top-bottom::after{border-width:1px 0}.zan-hairline--surround::after{border-width:1px}.tree-select{-webkit-user-select:none;user-select:none;position:relative;font-size:16px}.tree-select__nav{width:143px;position:absolute;left:0;top:0;bottom:0;overflow:scroll;background-color:#fff;-webkit-overflow-scrolling:touch}.tree-select__nitem{line-height:44px;padding:0 15px;background-color:#fff}.tree-select__nitem--active{background-color:#f8f8f8}.tree-select__content{padding:0 15px;margin-left:143px;overflow:scroll;-webkit-overflow-scrolling:touch}.tree-select__item{position:relative;line-height:44px;padding-left:5px;padding-right:18px}.tree-select__item--active{color:#f44}.tree-select__selected{float:right;position:absolute;right:0;top:0;bottom:0;line-height:inherit}
\ No newline at end of file
+.van-pull-left{float:left}.van-pull-right{float:right}.van-center{text-align:center}.van-right{text-align:right}.van-text-deleted{text-decoration:line-through}.van-font-8{font-size:8px}.van-font-10{font-size:10px}.van-font-12{font-size:12px}.van-font-14{font-size:14px}.van-font-16{font-size:16px}.van-font-18{font-size:18px}.van-font-20{font-size:20px}.van-font-22{font-size:22px}.van-font-24{font-size:24px}.van-font-26{font-size:26px}.van-font-30{font-size:30px}.van-font-bold{font-weight:700}.van-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.van-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix{zoom:1}.van-clearfix::after{content:'';display:table;clear:both}.van-c-red{color:#f44}.van-c-black{color:#000}.van-c-green{color:#06bf04}.van-c-blue{color:#38f}.van-c-gray{color:#c9c9c9}.van-c-gray-dark{color:#999}.van-c-gray-darker{color:#666}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}.tree-select{-webkit-user-select:none;user-select:none;position:relative;font-size:16px}.tree-select__nav{width:143px;position:absolute;left:0;top:0;bottom:0;overflow:scroll;background-color:#fff;-webkit-overflow-scrolling:touch}.tree-select__nitem{line-height:44px;padding:0 15px;background-color:#fff}.tree-select__nitem--active{background-color:#f8f8f8}.tree-select__content{padding:0 15px;margin-left:143px;overflow:scroll;-webkit-overflow-scrolling:touch}.tree-select__item{position:relative;line-height:44px;padding-left:5px;padding-right:18px}.tree-select__item--active{color:#f44}.tree-select__selected{float:right;position:absolute;right:0;top:0;bottom:0;line-height:inherit}
\ No newline at end of file
diff --git a/example/pages/actionsheet/index.json b/example/pages/actionsheet/index.json
index c4e5f51c..6b72e2e2 100644
--- a/example/pages/actionsheet/index.json
+++ b/example/pages/actionsheet/index.json
@@ -1,8 +1,8 @@
 {
   "navigationBarTitleText": "Actionsheet 上拉菜单",
   "usingComponents": {
-    "zan-actionsheet": "../../dist/actionsheet/index",
-    "zan-button": "../../dist/btn/index",
+    "van-actionsheet": "../../dist/actionsheet/index",
+    "van-button": "../../dist/btn/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/actionsheet/index.wxml b/example/pages/actionsheet/index.wxml
index 965dc4ce..572ca103 100644
--- a/example/pages/actionsheet/index.wxml
+++ b/example/pages/actionsheet/index.wxml
@@ -1,12 +1,12 @@
 
 <doc-page title="ACTIONSHEET">
-  <view class="zan-btns" style="margin-top: 30vh;">
-    <zan-button bind:btnclick="openActionsheet">
+  <view class="van-btns" style="margin-top: 30vh;">
+    <van-button bind:btnclick="openActionsheet">
       Actionsheet
-    </zan-button>
+    </van-button>
   </view>
 
-  <zan-actionsheet
+  <van-actionsheet
     show="{{ show }}"
     actions="{{ actions }}"
     cancel-text="{{ cancelText }}"
diff --git a/example/pages/badge/index.json b/example/pages/badge/index.json
index 701c0b96..d1aeb551 100644
--- a/example/pages/badge/index.json
+++ b/example/pages/badge/index.json
@@ -1,6 +1,6 @@
 {
   "navigationBarTitleText": "Badge 徽章",
   "usingComponents": {
-    "zan-badge": "../../dist/badge/index"
+    "van-badge": "../../dist/badge/index"
   }
 }
diff --git a/example/pages/badge/index.wxml b/example/pages/badge/index.wxml
index 2257aa74..0a76ed5f 100644
--- a/example/pages/badge/index.wxml
+++ b/example/pages/badge/index.wxml
@@ -1,25 +1,25 @@
 <view class="container">
 
-  <view class="doc-title zan-hairline--bottom zan-hairline--bottom">BADGE</view>
+  <view class="doc-title van-hairline--bottom van-hairline--bottom">BADGE</view>
 
   <view class="demo">
     <view class="demo__item">
       <view class="demo__icon">
-        <zan-badge>9</zan-badge>
+        <van-badge>9</van-badge>
       </view>
     </view>
     <view class="demo__item">
       <view class="demo__icon">
-        <zan-badge>19</zan-badge>
+        <van-badge>19</van-badge>
       </view>
     </view>
     <view class="demo__item">
       <view class="demo__icon">
-        <zan-badge
+        <van-badge
           background-color="#4b0"
           box-shadow="none"
           font-size="{{ 12 }}"
-        >99+</zan-badge>
+        >99+</van-badge>
       </view>
     </view>
   </view>
diff --git a/example/pages/btn/index.json b/example/pages/btn/index.json
index eb9e7d48..f30138d5 100644
--- a/example/pages/btn/index.json
+++ b/example/pages/btn/index.json
@@ -1,9 +1,9 @@
 {
   "navigationBarTitleText": "Button 按钮",
   "usingComponents": {
-    "zan-button": "../../dist/btn/index",
-    "zan-button-group": "../../dist/btn-group/index",
-    "zan-panel": "../../dist/panel/index",
+    "van-button": "../../dist/btn/index",
+    "van-button-group": "../../dist/btn-group/index",
+    "van-panel": "../../dist/panel/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/btn/index.wxml b/example/pages/btn/index.wxml
index be2fad8d..eceb7970 100644
--- a/example/pages/btn/index.wxml
+++ b/example/pages/btn/index.wxml
@@ -1,55 +1,55 @@
 <doc-page title="BUTTON" without-padding>
 
-  <zan-panel title="普通按钮">
-    <zan-button-group>
-      <zan-button
+  <van-panel title="普通按钮">
+    <van-button-group>
+      <van-button
         open-type="getPhoneNumber"
         bind:getphonenumber="getPhoneNumber"
-      >获取电话</zan-button>
-      <zan-button type="primary">确认付款</zan-button>
-      <zan-button type="danger">确认付款</zan-button>
-      <zan-button type="warn">确认付款</zan-button>
-    </zan-button-group>
-  </zan-panel>
+      >获取电话</van-button>
+      <van-button type="primary">确认付款</van-button>
+      <van-button type="danger">确认付款</van-button>
+      <van-button type="warn">确认付款</van-button>
+    </van-button-group>
+  </van-panel>
 
-  <zan-panel title="大号按钮，没有边框线及圆角">
-    <zan-button size="large" type="primary">确认付款</zan-button>
-    <zan-button size="large" type="warn">立即购买</zan-button>
-    <zan-button size="large" type="danger">立即购买</zan-button>
-  </zan-panel>
+  <van-panel title="大号按钮，没有边框线及圆角">
+    <van-button size="large" type="primary">确认付款</van-button>
+    <van-button size="large" type="warn">立即购买</van-button>
+    <van-button size="large" type="danger">立即购买</van-button>
+  </van-panel>
 
-  <zan-panel title="小号按钮">
-    <zan-button-group>
-      <zan-button size="small">取消订单</zan-button>
-      <zan-button size="small" type="primary">确认付款</zan-button>
-    </zan-button-group>
-  </zan-panel>
+  <van-panel title="小号按钮">
+    <van-button-group>
+      <van-button size="small">取消订单</van-button>
+      <van-button size="small" type="primary">确认付款</van-button>
+    </van-button-group>
+  </van-panel>
 
-  <zan-panel title="迷你按钮">
-    <zan-button-group>
-      <zan-button size="mini">取消订单</zan-button>
-      <zan-button size="mini" type="primary">确认付款</zan-button>
-      <zan-button size="mini" type="warn">确认付款</zan-button>
-      <zan-button size="mini" type="danger">确认付款</zan-button>
-    </zan-button-group>
-  </zan-panel>
+  <van-panel title="迷你按钮">
+    <van-button-group>
+      <van-button size="mini">取消订单</van-button>
+      <van-button size="mini" type="primary">确认付款</van-button>
+      <van-button size="mini" type="warn">确认付款</van-button>
+      <van-button size="mini" type="danger">确认付款</van-button>
+    </van-button-group>
+  </van-panel>
 
-  <zan-panel title="Loading">
-    <zan-button-group>
-      <zan-button loading>取消订单</zan-button>
-      <zan-button loading type="primary">确认付款</zan-button>
-      <zan-button loading type="danger">确认付款</zan-button>
-      <zan-button loading type="warn">确认付款</zan-button>
-    </zan-button-group>
-  </zan-panel>
+  <van-panel title="Loading">
+    <van-button-group>
+      <van-button loading>取消订单</van-button>
+      <van-button loading type="primary">确认付款</van-button>
+      <van-button loading type="danger">确认付款</van-button>
+      <van-button loading type="warn">确认付款</van-button>
+    </van-button-group>
+  </van-panel>
 
-  <zan-panel title="Disabled">
-    <zan-button-group>
-      <zan-button disabled>取消订单</zan-button>
-      <zan-button disabled type="primary">确认付款</zan-button>
-      <zan-button disabled type="danger">确认付款</zan-button>
-      <zan-button disabled type="warn">确认付款</zan-button>
-    </zan-button-group>
-  </zan-panel>
+  <van-panel title="Disabled">
+    <van-button-group>
+      <van-button disabled>取消订单</van-button>
+      <van-button disabled type="primary">确认付款</van-button>
+      <van-button disabled type="danger">确认付款</van-button>
+      <van-button disabled type="warn">确认付款</van-button>
+    </van-button-group>
+  </van-panel>
 
 </doc-page>
diff --git a/example/pages/capsule/index.json b/example/pages/capsule/index.json
index 707b2637..5d0caf66 100644
--- a/example/pages/capsule/index.json
+++ b/example/pages/capsule/index.json
@@ -1,8 +1,8 @@
 {
   "navigationBarTitleText": "Capsule 胶囊",
   "usingComponents": {
-    "zan-panel": "../../dist/panel/index",
-    "zan-capsule": "../../dist/capsule/index",
+    "van-panel": "../../dist/panel/index",
+    "van-capsule": "../../dist/capsule/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/capsule/index.wxml b/example/pages/capsule/index.wxml
index 4b4f9cc2..7d32291b 100644
--- a/example/pages/capsule/index.wxml
+++ b/example/pages/capsule/index.wxml
@@ -1,15 +1,15 @@
 <doc-page title="CAPSULE" without-padding>
 
-  <zan-panel title='基本用法'>
+  <van-panel title='基本用法'>
     <view class="capsule-demo">
-      <zan-capsule leftText="折扣" rightText="限购一份" />
-      <zan-capsule type="danger" leftText="折扣" rightText="限购一份" />
+      <van-capsule leftText="折扣" rightText="限购一份" />
+      <van-capsule type="danger" leftText="折扣" rightText="限购一份" />
     </view>
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title='自定义颜色'>
+  <van-panel title='自定义颜色'>
     <view class="capsule-demo">
-      <zan-capsule color="#38f" leftText="折扣" rightText="限购一份" />
+      <van-capsule color="#38f" leftText="折扣" rightText="限购一份" />
     </view>
-  </zan-panel>
+  </van-panel>
 </doc-page>
diff --git a/example/pages/capsule/index.wxss b/example/pages/capsule/index.wxss
index 2d6b3fd2..c9a89903 100644
--- a/example/pages/capsule/index.wxss
+++ b/example/pages/capsule/index.wxss
@@ -2,6 +2,6 @@
   padding: 15px 0;
 }
 
-.zan-capsule + .zan-capsule {
+.van-capsule + .van-capsule {
   margin-left: 10px;
 }
diff --git a/example/pages/card/index.json b/example/pages/card/index.json
index f90b0bd1..01c54faf 100644
--- a/example/pages/card/index.json
+++ b/example/pages/card/index.json
@@ -1,8 +1,8 @@
 {
   "navigationBarTitleText": "Card 卡片",
   "usingComponents": {
-    "zan-card": "../../dist/card/index",
-    "zan-panel": "../../dist/panel/index",
+    "van-card": "../../dist/card/index",
+    "van-panel": "../../dist/panel/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/card/index.wxml b/example/pages/card/index.wxml
index 3f6d71d9..3d907bcf 100644
--- a/example/pages/card/index.wxml
+++ b/example/pages/card/index.wxml
@@ -1,7 +1,7 @@
 <doc-page title="CAPSULE" without-padding>
 
-  <zan-panel without-border>
-    <zan-card
+  <van-panel without-border>
+    <van-card
       card-class="test-card"
       thumb="https://img.yzcdn.cn/upload_files/2016/11/25/FpqPXlrMRjKwJs8VdTu3ZDJCj4j5.jpeg?imageView2/2/w/200/h/200/q/90/format/jpeg"
       price="999.99"
@@ -10,21 +10,21 @@
       desc="3000克 50%"
       status="已发货"
     >
-    </zan-card>
+    </van-card>
 
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title="使用slot">
-    <zan-card
+  <van-panel title="使用slot">
+    <van-card
       card-class="test-card"
       thumb="https://img.yzcdn.cn/upload_files/2016/11/25/FpqPXlrMRjKwJs8VdTu3ZDJCj4j5.jpeg?imageView2/2/w/200/h/200/q/90/format/jpeg"
       useThumbSlot="{{ true }}"
       useDetailSlot="{{ true }}"
     >
       <!-- 右侧详情 -->
-      <view slot="detail-slot" class="zan-card__detail">
+      <view slot="detail-slot" class="van-card__detail">
         我是自定义内容区域
       </view>
-    </zan-card>
-  </zan-panel>
+    </van-card>
+  </van-panel>
 </doc-page>
diff --git a/example/pages/cell/index.json b/example/pages/cell/index.json
index 2ad92919..3c163ba2 100644
--- a/example/pages/cell/index.json
+++ b/example/pages/cell/index.json
@@ -1,11 +1,11 @@
 {
   "navigationBarTitleText": "Cell 单元格",
   "usingComponents": {
-    "zan-cell": "../../dist/cell/index",
-    "zan-icon": "../../dist/icon/index",
-    "zan-badge": "../../dist/badge/index",
-    "zan-panel": "../../dist/panel/index",
-    "zan-cell-group": "../../dist/cell-group/index",
+    "van-cell": "../../dist/cell/index",
+    "van-icon": "../../dist/icon/index",
+    "van-badge": "../../dist/badge/index",
+    "van-panel": "../../dist/panel/index",
+    "van-cell-group": "../../dist/cell-group/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/cell/index.wxml b/example/pages/cell/index.wxml
index a317d72d..b82e09be 100644
--- a/example/pages/cell/index.wxml
+++ b/example/pages/cell/index.wxml
@@ -1,66 +1,66 @@
 <doc-page title="CELL" without-padding>
 
-  <zan-cell-group border class="cell-panel-demo">
-    <zan-cell title="单行列表" bindtap="handleTap"></zan-cell>
-  </zan-cell-group>
+  <van-cell-group border class="cell-panel-demo">
+    <van-cell title="单行列表" bindtap="handleTap"></van-cell>
+  </van-cell-group>
 
-  <zan-cell-group border class="cell-panel-demo">
-    <zan-cell title="单行列表" value="详细信息"></zan-cell>
-  </zan-cell-group>
+  <van-cell-group border class="cell-panel-demo">
+    <van-cell title="单行列表" value="详细信息"></van-cell>
+  </van-cell-group>
 
-  <zan-cell-group border class="cell-panel-demo">
-    <zan-cell title="单行列表" label="附加描述" value="详细信息"></zan-cell>
-  </zan-cell-group>
+  <van-cell-group border class="cell-panel-demo">
+    <van-cell title="单行列表" label="附加描述" value="详细信息"></van-cell>
+  </van-cell-group>
 
-  <zan-panel class="cell-panel-demo" title="带 icon 的 cell">
-    <zan-cell title="单行列表" value="详细信息">
-      <zan-icon slot="icon" type="checked"></zan-icon>
-    </zan-cell>
-  </zan-panel>
+  <van-panel class="cell-panel-demo" title="带 icon 的 cell">
+    <van-cell title="单行列表" value="详细信息">
+      <van-icon slot="icon" type="checked"></van-icon>
+    </van-cell>
+  </van-panel>
 
-  <zan-panel class="cell-panel-demo">
-    <zan-cell title="单行列表">
+  <van-panel class="cell-panel-demo">
+    <van-cell title="单行列表">
       <picker mode="date" value="{{date}}" start="2018-07-01" end="2018-09-01" bindchange="bindDateChange">
         <view class="picker">
           选择日期: {{date}}
         </view>
       </picker>
-    </zan-cell>
-  </zan-panel>
+    </van-cell>
+  </van-panel>
 
-  <zan-panel class="cell-panel-demo" title="带箭头的 cell">
-    <zan-cell title="只显示箭头" is-link></zan-cell>
-  </zan-panel>
+  <van-panel class="cell-panel-demo" title="带箭头的 cell">
+    <van-cell title="只显示箭头" is-link></van-cell>
+  </van-panel>
 
-  <zan-cell-group border class="cell-panel-demo">
-    <zan-cell
+  <van-cell-group border class="cell-panel-demo">
+    <van-cell
       title="跳转到首页"
       is-link
       url="/pages/dashboard/index"
       bindtap="handleTap"
-    ></zan-cell>
-  </zan-cell-group>
+    ></van-cell>
+  </van-cell-group>
 
-  <zan-panel class="cell-panel-demo" title="cell 组">
-    <zan-cell-group>
-      <zan-cell title="只显示箭头" is-link></zan-cell>
-      <zan-cell title="跳转到首页" is-link url="/pages/dashboard/index"></zan-cell>
-      <zan-cell
+  <van-panel class="cell-panel-demo" title="cell 组">
+    <van-cell-group>
+      <van-cell title="只显示箭头" is-link></van-cell>
+      <van-cell title="跳转到首页" is-link url="/pages/dashboard/index"></van-cell>
+      <van-cell
         is-link
         only-tap-footer
         url="/pages/dashboard/index"
         title="只有 footer 点击有效"
         bindtap="handleTap"
-      ></zan-cell>
+      ></van-cell>
       <block wx:if="{{ show }}">
-        <zan-cell no-border title="单行列表" label="附加描述" value="不想有 border"></zan-cell>
-        <zan-cell title="表单">
+        <van-cell no-border title="单行列表" label="附加描述" value="不想有 border"></van-cell>
+        <van-cell title="表单">
           <input slot="footer" type="digit" placeholder="带小数点的数字键盘"/>
-        </zan-cell>
+        </van-cell>
       </block>
-      <zan-cell title="开关">
+      <van-cell title="开关">
         <switch slot="footer" checked/>
-      </zan-cell>
-    </zan-cell-group>
-  </zan-panel>
+      </van-cell>
+    </van-cell-group>
+  </van-panel>
 </doc-page>
diff --git a/example/pages/checkbox/index.json b/example/pages/checkbox/index.json
index 11aa52e5..8c4fde19 100644
--- a/example/pages/checkbox/index.json
+++ b/example/pages/checkbox/index.json
@@ -1,10 +1,10 @@
 {
   "navigationBarTitleText": "Checkbox 选择",
   "usingComponents": {
-    "zan-checkbox-group": "../../dist/checkbox-group/index",
-    "zan-checkbox": "../../dist/checkbox/index",
-    "zan-panel": "../../dist/panel/index",
-    "zan-cell": "../../dist/cell/index",
+    "van-checkbox-group": "../../dist/checkbox-group/index",
+    "van-checkbox": "../../dist/checkbox/index",
+    "van-panel": "../../dist/panel/index",
+    "van-cell": "../../dist/cell/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/checkbox/index.wxml b/example/pages/checkbox/index.wxml
index bcd09418..20083ee3 100644
--- a/example/pages/checkbox/index.wxml
+++ b/example/pages/checkbox/index.wxml
@@ -1,29 +1,29 @@
 <doc-page title="checkbox" without-padding>
-  <zan-panel title='基本用法'>
-    <zan-checkbox
+  <van-panel title='基本用法'>
+    <van-checkbox
       checkbox-class="checkbox-demo"
       bindchange="handleCheckboxChange"
-    >复选框</zan-checkbox>
-  </zan-panel>
+    >复选框</van-checkbox>
+  </van-panel>
 
-  <zan-panel title='禁用状态'>
-    <zan-checkbox
+  <van-panel title='禁用状态'>
+    <van-checkbox
       checkbox-class="checkbox-demo"
       disabled
       checked="{{ true }}"
-    >复选框</zan-checkbox>
-  </zan-panel>
+    >复选框</van-checkbox>
+  </van-panel>
 
-  <zan-panel title='禁用内容部分点击事件'>
-    <zan-checkbox
+  <van-panel title='禁用内容部分点击事件'>
+    <van-checkbox
       checkbox-class="checkbox-demo"
       label-disabled
-    >复选框</zan-checkbox>
-  </zan-panel>
+    >复选框</van-checkbox>
+  </van-panel>
 
-  <zan-panel title='Checkbox组'>
-    <zan-checkbox-group>
-      <zan-checkbox
+  <van-panel title='Checkbox组'>
+    <van-checkbox-group>
+      <van-checkbox
         wx:for="{{ items }}"
         wx:for-item="item"
         wx:for-index="index"
@@ -31,13 +31,13 @@
         checked="{{ item.checked }}"
         data-index="{{ index }}"
         bindchange="handleCheckboxChange"
-      >复选框 {{ item.value }}</zan-checkbox>
-    </zan-checkbox-group>
-  </zan-panel>
+      >复选框 {{ item.value }}</van-checkbox>
+    </van-checkbox-group>
+  </van-panel>
 
-  <zan-panel title='列表模式'>
-    <zan-checkbox type="list">复选框 a</zan-checkbox>
-    <zan-checkbox type="list">复选框 b</zan-checkbox>
-    <zan-checkbox type="list">复选框 c</zan-checkbox>
-  </zan-panel>
+  <van-panel title='列表模式'>
+    <van-checkbox type="list">复选框 a</van-checkbox>
+    <van-checkbox type="list">复选框 b</van-checkbox>
+    <van-checkbox type="list">复选框 c</van-checkbox>
+  </van-panel>
 </doc-page>
diff --git a/example/pages/dashboard/index.json b/example/pages/dashboard/index.json
index 8feef64c..0e0f9d1f 100644
--- a/example/pages/dashboard/index.json
+++ b/example/pages/dashboard/index.json
@@ -1,8 +1,8 @@
 {
   "navigationBarTitleText": "vant-weapp",
   "usingComponents": {
-    "zan-panel": "../../dist/panel/index",
-    "zan-cell": "../../dist/cell/index",
-    "zan-cell-group": "../../dist/cell-group/index"
+    "van-panel": "../../dist/panel/index",
+    "van-cell": "../../dist/cell/index",
+    "van-cell-group": "../../dist/cell-group/index"
   }
 }
diff --git a/example/pages/dashboard/index.wxml b/example/pages/dashboard/index.wxml
index d122e5c9..139bab2b 100644
--- a/example/pages/dashboard/index.wxml
+++ b/example/pages/dashboard/index.wxml
@@ -6,16 +6,16 @@
   <view class="desc">轻量、可靠的小程序 UI 组件库</view>
 
   <block wx:for="{{ list }}" wx:for-item="group" wx:key="title">
-    <zan-panel title="{{ group.title }}">
-      <zan-cell-group>
-        <zan-cell
+    <van-panel title="{{ group.title }}">
+      <van-cell-group>
+        <van-cell
           wx:for="{{ group.content }}"
           wx:key="name"
           is-link
           url="{{ item.path }}"
           title="{{ item.name }}"
-        ></zan-cell>
-      </zan-cell-group>
-    </zan-panel>
+        ></van-cell>
+      </van-cell-group>
+    </van-panel>
   </block>
 </view>
diff --git a/example/pages/datetime/index.json b/example/pages/datetime/index.json
index 5d0dbdfe..030ca292 100644
--- a/example/pages/datetime/index.json
+++ b/example/pages/datetime/index.json
@@ -1,10 +1,10 @@
 {
   "navigationBarTitleText": "时间选择器",
   "usingComponents": {
-    "zan-date-picker": "../../dist/datetime-picker/index",
-    "zan-cell": "../../dist/cell/index",
-    "zan-cell-group": "../../dist/cell-group/index",
-    "zan-panel": "../../dist/panel/index",
+    "van-date-picker": "../../dist/datetime-picker/index",
+    "van-cell": "../../dist/cell/index",
+    "van-cell-group": "../../dist/cell-group/index",
+    "van-panel": "../../dist/panel/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
\ No newline at end of file
diff --git a/example/pages/datetime/index.wxml b/example/pages/datetime/index.wxml
index 1bd5210c..92278d79 100644
--- a/example/pages/datetime/index.wxml
+++ b/example/pages/datetime/index.wxml
@@ -1,8 +1,8 @@
 <doc-page title="DATETIME PICKER" without-padding>
-  <zan-panel class="picker-panel-demo">
-    <zan-cell-group>
-      <zan-cell title="选择时间">
-        <zan-date-picker
+  <van-panel class="picker-panel-demo">
+    <van-cell-group>
+      <van-cell title="选择时间">
+        <van-date-picker
           slot="footer"
           date="{{ date }}"
           bindchange="change"  
@@ -10,49 +10,49 @@
           placeholder="异步初始值"
           placeholder-class="my-customer-class-name"
         />
-      </zan-cell>
+      </van-cell>
 
-      <zan-cell title="选择时间">
-        <zan-date-picker
+      <van-cell title="选择时间">
+        <van-date-picker
           slot="footer"
           not-use="{{['years', 'seconds']}}"
           bindchange="change"  
           bindcancel="cancel"
           placeholder="只显示部分列的 picker"
         />
-      </zan-cell>
+      </van-cell>
 
-      <zan-cell title="选择时间">
-        <zan-date-picker
+      <van-cell title="选择时间">
+        <van-date-picker
           slot="footer"
           bindchange="change"  
           bindcancel="cancel"
           placeholder="自定义显示格式的 picker"
           format="选择的是YYYY-MM-DD HH:mm:ss"
         />
-      </zan-cell>
-    </zan-cell-group>
-  </zan-panel>
+      </van-cell>
+    </van-cell-group>
+  </van-panel>
 
 
-  <zan-panel class="picker-panel-demo">
-    <zan-cell title="选择时间" value="{{pickerView1 || '自定义组件'}}"></zan-cell>
-    <zan-date-picker
+  <van-panel class="picker-panel-demo">
+    <van-cell title="选择时间" value="{{pickerView1 || '自定义组件'}}"></van-cell>
+    <van-date-picker
       picker-view
       bindchange="customChange"  
       bindcancel="cancel"
     />
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel class="picker-panel-demo">
-    <zan-cell title="选择时间" value="{{ pickerView2 || '只显示部分列'}}"></zan-cell>
-    <zan-date-picker
+  <van-panel class="picker-panel-demo">
+    <van-cell title="选择时间" value="{{ pickerView2 || '只显示部分列'}}"></van-cell>
+    <van-date-picker
       picker-view
       bindchange="nativeChange"
       bindcancel="cancel"
       not-use="{{['years', 'seconds']}}"
     />
-  </zan-panel>
+  </van-panel>
 
 </doc-page>
 
diff --git a/example/pages/dialog/index.js b/example/pages/dialog/index.js
index a39e2855..18d3e990 100644
--- a/example/pages/dialog/index.js
+++ b/example/pages/dialog/index.js
@@ -6,7 +6,7 @@ Page({
     Dialog({
       title: '弹窗',
       message: '这是一个模态弹窗\n换行',
-      selector: '#zan-base-dialog',
+      selector: '#van-base-dialog',
       showCancelButton: true
     }).then(() => {
       console.log('=== dialog resolve ===', 'type: confirm');
@@ -18,7 +18,7 @@ Page({
   toggleWithoutTitleDialog() {
     Dialog({
       message: '这是一个模态弹窗',
-      selector: '#zan-no-title-dialog'
+      selector: '#van-no-title-dialog'
     }).then(() => {
       console.log('=== dialog ===', 'type: confirm');
     });
@@ -28,7 +28,7 @@ Page({
     Dialog({
       title: '弹窗',
       message: '这是一个模态弹窗',
-      selector: '#zan-button-dialog',
+      selector: '#van-button-dialog',
       buttons: [{
         text: '现金支付',
         color: 'red',
@@ -54,7 +54,7 @@ Page({
     Dialog({
       title: '弹窗',
       message: '这是一个模态弹窗',
-      selector: '#zan-vertical-dialog',
+      selector: '#van-vertical-dialog',
       buttonsShowVertical: true,
       buttons: [{
         text: '现金支付',
@@ -81,7 +81,7 @@ Page({
     Dialog({
       title: '弹窗',
       message: '获取用户数据',
-      selector: '#zan-open-dialog',
+      selector: '#van-open-dialog',
       buttons: [{
         text: '用户信息',
         type: 'userInfo',
@@ -115,17 +115,17 @@ Page({
     Dialog({
       title: '弹窗',
       message: '这是一个自由控制关闭的弹窗',
-      selector: '#zan-close-dialog',
+      selector: '#van-close-dialog',
       autoClose: false
     }).then(() => {
       console.log('=== dialog resolve ===', 'type: confirm');
       Toast.loading({
-        selector: '#zan-toast'
+        selector: '#van-toast'
       });
 
       // 2s 后自动关闭弹窗
       setTimeout(() => {
-        Dialog.close({ selector: '#zan-close-dialog' });
+        Dialog.close({ selector: '#van-close-dialog' });
         Toast.clear();
       }, 2000);
     });
diff --git a/example/pages/dialog/index.json b/example/pages/dialog/index.json
index e9709415..de0fb2dd 100644
--- a/example/pages/dialog/index.json
+++ b/example/pages/dialog/index.json
@@ -2,9 +2,9 @@
   "navigationBarTitleText": "Dialog 弹出框",
   "usingComponents": {
     "doc-page": "../../components/doc-page/index",
-    "zan-dialog": "../../dist/dialog/index",
-    "zan-button": "../../dist/btn/index",
-    "zan-button-group": "../../dist/btn-group/index",
-    "zan-toast": "../../dist/toast/index"
+    "van-dialog": "../../dist/dialog/index",
+    "van-button": "../../dist/btn/index",
+    "van-button-group": "../../dist/btn-group/index",
+    "van-toast": "../../dist/toast/index"
   }  
 }
diff --git a/example/pages/dialog/index.wxml b/example/pages/dialog/index.wxml
index c2e29ed6..85363608 100644
--- a/example/pages/dialog/index.wxml
+++ b/example/pages/dialog/index.wxml
@@ -1,19 +1,19 @@
 <doc-page title="DIALOG">
-  <zan-button-group style="margin-top: 30vh; display: block;">
-    <zan-button bindtap="toggleBaseDialog">基础 Dialog</zan-button>
-    <zan-button bindtap="toggleWithoutTitleDialog">Dialog - 无标题</zan-button>
-    <zan-button bindtap="toggleButtonDialog">Dialog - 自定义显示按钮</zan-button>
-    <zan-button bindtap="toggleVerticalDialog">Dialog - 按钮纵向排布</zan-button>
-    <zan-button bindtap="toggleOpenDialog">Dialog - 获取 Open 数据的弹窗</zan-button>
-    <zan-button bindtap="toggleCloseDialog">Dialog - 控制弹窗关闭</zan-button>
-  </zan-button-group>
+  <van-button-group style="margin-top: 30vh; display: block;">
+    <van-button bindtap="toggleBaseDialog">基础 Dialog</van-button>
+    <van-button bindtap="toggleWithoutTitleDialog">Dialog - 无标题</van-button>
+    <van-button bindtap="toggleButtonDialog">Dialog - 自定义显示按钮</van-button>
+    <van-button bindtap="toggleVerticalDialog">Dialog - 按钮纵向排布</van-button>
+    <van-button bindtap="toggleOpenDialog">Dialog - 获取 Open 数据的弹窗</van-button>
+    <van-button bindtap="toggleCloseDialog">Dialog - 控制弹窗关闭</van-button>
+  </van-button-group>
 
-  <zan-dialog id="zan-base-dialog"></zan-dialog>
-  <zan-dialog id="zan-no-title-dialog"></zan-dialog>
-  <zan-dialog id="zan-button-dialog"></zan-dialog>
-  <zan-dialog id="zan-vertical-dialog"></zan-dialog>
-  <zan-dialog id="zan-open-dialog"></zan-dialog>
-  <zan-dialog id="zan-close-dialog"></zan-dialog>
+  <van-dialog id="van-base-dialog"></van-dialog>
+  <van-dialog id="van-no-title-dialog"></van-dialog>
+  <van-dialog id="van-button-dialog"></van-dialog>
+  <van-dialog id="van-vertical-dialog"></van-dialog>
+  <van-dialog id="van-open-dialog"></van-dialog>
+  <van-dialog id="van-close-dialog"></van-dialog>
 
-  <zan-toast id="zan-toast"></zan-toast>
+  <van-toast id="van-toast"></van-toast>
 </doc-page>
diff --git a/example/pages/field/index.json b/example/pages/field/index.json
index c1a2561f..f07e0c39 100644
--- a/example/pages/field/index.json
+++ b/example/pages/field/index.json
@@ -1,11 +1,11 @@
 {
   "navigationBarTitleText": "Field 输入框",
   "usingComponents": {
-    "zan-button": "../../dist/btn/index",
-    "zan-button-group": "../../dist/btn-group/index",
-    "zan-cell-group": "../../dist/cell-group/index",
-    "zan-field": "../../dist/field/index",
-    "zan-panel": "../../dist/panel/index",
+    "van-button": "../../dist/btn/index",
+    "van-button-group": "../../dist/btn-group/index",
+    "van-cell-group": "../../dist/cell-group/index",
+    "van-field": "../../dist/field/index",
+    "van-panel": "../../dist/panel/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/field/index.wxml b/example/pages/field/index.wxml
index 918c2c57..141b611a 100644
--- a/example/pages/field/index.wxml
+++ b/example/pages/field/index.wxml
@@ -1,66 +1,66 @@
 <doc-page title="Field" without-padding>
   <!-- Field 基础用法 -->
-  <zan-panel title="基础用法">
-    <zan-cell-group>
-      <zan-field
+  <van-panel title="基础用法">
+    <van-cell-group>
+      <van-field
         title="{{ config.base.name.title }}"
         placeholder="{{ config.base.name.placeholder }}"
         focus="{{ config.base.name.focus }}"
         value="{{ value }}"
       >
-      </zan-field>
-      <zan-field
+      </van-field>
+      <van-field
         title="{{ config.base.tel.title }}"
         placeholder="{{ config.base.tel.placeholder }}"
         error="{{ config.base.tel.error }}"
         input-type="{{ config.base.tel.inputType }}"
       >
-      </zan-field>
-      <zan-field
+      </van-field>
+      <van-field
         title="{{ config.base.address.title }}"
         type="{{ config.base.address.type }}"
         placeholder="{{ config.base.address.placeholder }}"
         maxlength="50"
       >
-      </zan-field>
-      <zan-field
+      </van-field>
+      <van-field
         title="{{ config.base.disabled.title }}"
         value="{{ config.base.disabled.value }}"
         disabled="{{ config.base.disabled.disabled }}"
       >
-      </zan-field>
-    </zan-cell-group>
-  </zan-panel>
+      </van-field>
+    </van-cell-group>
+  </van-panel>
   
-  <zan-button-group>
-    <zan-button type="primary" bind:btnclick="clearInput">清除输入</zan-button>
-  </zan-button-group>
+  <van-button-group>
+    <van-button type="primary" bind:btnclick="clearInput">清除输入</van-button>
+  </van-button-group>
 
   <!-- 去除标题后的输入框样式 -->
-  <zan-panel title="无标题输入框">
-    <zan-field
+  <van-panel title="无标题输入框">
+    <van-field
       placeholder="{{ config.notitle.placeholder }}"
       value="{{ textareaValue }}"
     >
-    </zan-field>
-  </zan-panel>
+    </van-field>
+  </van-panel>
 
-  <zan-button-group>
-    <zan-button type="primary" bind:btnclick="clearTextarea">清除输入</zan-button>
-  </zan-button-group>
+  <van-button-group>
+    <van-button type="primary" bind:btnclick="clearTextarea">清除输入</van-button>
+  </van-button-group>
 
   <!-- 使用 Field 圆角样式 -->
-  <zan-panel title="圆角输入框">
-    <zan-field
+  <van-panel title="圆角输入框">
+    <van-field
       title="{{ config.radius.totalPrice.title }}"
       type="{{ config.radius.totalPrice.type }}"
       placeholder="{{ config.radius.totalPrice.placeholder }}"
       right="{{ config.radius.totalPrice.right }}"
       mode="{{ config.radius.totalPrice.mode }}"
     >
-    </zan-field>
-    <zan-field
-      class="zan-field--radius"
+    </van-field>
+    <van-field
+      class="van-field--radius"
       title="{{ config.radius.excludePrice.title }}"
       type="{{ config.radius.excludePrice.type }}"
       placeholder="{{ config.radius.excludePrice.placeholder }}"
@@ -68,29 +68,29 @@
       mode="{{ config.radius.excludePrice.mode }}"
       error="{{ config.radius.excludePrice.error }}"
     >
-    </zan-field>
-    <zan-field
+    </van-field>
+    <van-field
       placeholder="{{ config.radius.notitle.placeholder }}"
       mode="{{ config.radius.notitle.mode }}"
       input-type="{{ config.radius.notitle.inputTitle }}"
     >
-    </zan-field>
-  </zan-panel>
+    </van-field>
+  </van-panel>
 
-  <zan-panel title="Form 表单中的field应用">
+  <van-panel title="Form 表单中的field应用">
     <form bindsubmit="formSubmit" bindreset="formReset">
-      <zan-field
+      <van-field
         name="{{ config.form.name.name }}"
         placeholder="{{ config.form.name.placeholder }}"
       >
-      </zan-field>
-      <zan-field
+      </van-field>
+      <van-field
         name="{{ config.form.tel.name }}"
         placeholder="{{ config.form.tel.placeholder }}"
         input-type="{{ config.form.tel.inputType }}"
       >
-      </zan-field>
+      </van-field>
       <button type="primary" form-type="submit">提交表单</button>
     </form>
-  </zan-panel>
+  </van-panel>
 </doc-page>
diff --git a/example/pages/helper/index.json b/example/pages/helper/index.json
index 9d900d28..4080c7b5 100644
--- a/example/pages/helper/index.json
+++ b/example/pages/helper/index.json
@@ -1,9 +1,9 @@
 {
   "navigationBarTitleText": "Helper 基础样式",
   "usingComponents": {
-    "zan-cell": "../../dist/cell/index",
-    "zan-panel": "../../dist/panel/index",
-    "zan-cell-group": "../../dist/cell-group/index",
+    "van-cell": "../../dist/cell/index",
+    "van-panel": "../../dist/panel/index",
+    "van-cell-group": "../../dist/cell-group/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/helper/index.wxml b/example/pages/helper/index.wxml
index 295a60d4..2a6d16ba 100644
--- a/example/pages/helper/index.wxml
+++ b/example/pages/helper/index.wxml
@@ -1,58 +1,58 @@
 <doc-page title="HELPER" without-padding>
-  <view class="zan-panel">
-    <zan-cell>
-      <view class="zan-pull-right">zan-pull-right: 往右靠</view>
-    </zan-cell>
+  <view class="van-panel">
+    <van-cell>
+      <view class="van-pull-right">van-pull-right: 往右靠</view>
+    </van-cell>
 
-    <zan-cell>
-      <view class="zan-text-deleted">zan-text-deleted：被删除的效果</view>
-    </zan-cell>
+    <van-cell>
+      <view class="van-text-deleted">van-text-deleted：被删除的效果</view>
+    </van-cell>
 
-    <zan-cell>
+    <van-cell>
       <view>
-        <view class="zan-font-12">zan-font-12：字号12</view>
-        <view class="zan-font-12 zan-font-bold">zan-font-bold：再来个加粗</view>
+        <view class="van-font-12">van-font-12：字号12</view>
+        <view class="van-font-12 van-font-bold">van-font-bold：再来个加粗</view>
       </view>
-    </zan-cell>
+    </van-cell>
 
-    <zan-cell>
+    <van-cell>
       <view>
-        <view class="zan-font-16">zan-font-16：字号16</view>
-        <view class="zan-font-16 zan-font-bold">zan-font-bold：再来个加粗</view>
+        <view class="van-font-16">van-font-16：字号16</view>
+        <view class="van-font-16 van-font-bold">van-font-bold：再来个加粗</view>
       </view>
-    </zan-cell>
+    </van-cell>
 
-    <zan-cell>
+    <van-cell>
       <view class="">
         <view>字体颜色</view>
-        <view class="zan-c-red">zan-c-red: 红色</view>
-        <view class="zan-c-gray">zan-c-gray: 灰色</view>
-        <view class="zan-c-gray-dark">zan-c-gray-dark: 再灰一点点</view>
-        <view class="zan-c-gray-darker">zan-c-gray-darker: 更深的灰色</view>
-        <view class="zan-c-black">zan-c-black: 黑色</view>
-        <view class="zan-c-blue">zan-c-blue: 蓝色</view>
-        <view class="zan-c-green">zan-c-green: 绿色</view>
+        <view class="van-c-red">van-c-red: 红色</view>
+        <view class="van-c-gray">van-c-gray: 灰色</view>
+        <view class="van-c-gray-dark">van-c-gray-dark: 再灰一点点</view>
+        <view class="van-c-gray-darker">van-c-gray-darker: 更深的灰色</view>
+        <view class="van-c-black">van-c-black: 黑色</view>
+        <view class="van-c-blue">van-c-blue: 蓝色</view>
+        <view class="van-c-green">van-c-green: 绿色</view>
       </view>
-    </zan-cell>
+    </van-cell>
 
-    <zan-cell>
-      <view>zan-arrow：箭头</view>
-      <view class="zan-arrow"></view>
-    </zan-cell>
+    <van-cell>
+      <view>van-arrow：箭头</view>
+      <view class="van-arrow"></view>
+    </van-cell>
 
-    <zan-cell>
-      <view class="zan-ellipsis" style="width: 300px;">
-        zan-ellipsis：单行点点点
+    <van-cell>
+      <view class="van-ellipsis" style="width: 300px;">
+        van-ellipsis：单行点点点
         ->我是占位的字符我是占位的字符我是占位的字符我是占位的字符我是占位的字符我是占位的字符
       </view>
-    </zan-cell>
+    </van-cell>
 
-    <zan-cell>
-      <view class="zan-ellipsis--l2">
-        zan-ellipsis--l2：单行点点点
+    <van-cell>
+      <view class="van-ellipsis--l2">
+        van-ellipsis--l2：单行点点点
         ->我是占位的字符我是占位的字符我是占位的字符我是占位的字符我是占位的字符我是占位的字符
       </view>
-    </zan-cell>
+    </van-cell>
 
   </view>
 
diff --git a/example/pages/icon/index.json b/example/pages/icon/index.json
index b2a90ffd..c5c9af67 100644
--- a/example/pages/icon/index.json
+++ b/example/pages/icon/index.json
@@ -1,7 +1,7 @@
 {
   "navigationBarTitleText": "Icon 图标",
   "usingComponents": {
-    "zan-icon": "../../dist/icon/index",
+    "van-icon": "../../dist/icon/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/icon/index.wxml b/example/pages/icon/index.wxml
index 5d0f1d45..d7300482 100644
--- a/example/pages/icon/index.wxml
+++ b/example/pages/icon/index.wxml
@@ -1,8 +1,8 @@
 <doc-page title="ICON">
   <view wx:for="{{ icons }}" wx:for-item="icon" wx:key="icon" class="icon-wrap">
     <view class="example-icon">
-      <zan-icon type="{{ icon }}"></zan-icon>
+      <van-icon type="{{ icon }}"></van-icon>
     </view>
-    <view class="icon-classname">zan-icon-{{ icon }}</view>
+    <view class="icon-classname">van-icon-{{ icon }}</view>
   </view>
 </doc-page>
diff --git a/example/pages/layout/index.json b/example/pages/layout/index.json
index 368b703f..a08221bc 100644
--- a/example/pages/layout/index.json
+++ b/example/pages/layout/index.json
@@ -1,8 +1,8 @@
 {
   "usingComponents": {
-    "zan-row": "../../dist/row/index",
-    "zan-col": "../../dist/col/index",
-    "zan-panel": "../../dist/panel/index",
+    "van-row": "../../dist/row/index",
+    "van-col": "../../dist/col/index",
+    "van-panel": "../../dist/panel/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/layout/index.wxml b/example/pages/layout/index.wxml
index 24ca7110..829bd2b8 100644
--- a/example/pages/layout/index.wxml
+++ b/example/pages/layout/index.wxml
@@ -1,21 +1,21 @@
 <doc-page title="LAYOUT" without-padding>
 
-  <zan-panel title="基础用法">
-    <zan-row>
-      <zan-col col="8" col-class="custom-zan-col">span: 8</zan-col>
-      <zan-col col="8" col-class="custom-zan-col">span: 8</zan-col>
-      <zan-col col="8" col-class="custom-zan-col">span: 8</zan-col>
-    </zan-row>
-  </zan-panel>
+  <van-panel title="基础用法">
+    <van-row>
+      <van-col col="8" col-class="custom-van-col">span: 8</van-col>
+      <van-col col="8" col-class="custom-van-col">span: 8</van-col>
+      <van-col col="8" col-class="custom-van-col">span: 8</van-col>
+    </van-row>
+  </van-panel>
 
-  <zan-panel title="利用 offset 布局">
-    <zan-row>
-      <zan-col col="4" col-class="custom-zan-col">span: 4</zan-col>
-      <zan-col col="10" offset="4" col-class="custom-zan-col">offset: 4, span: 10</zan-col>
-    </zan-row>
-    <zan-row>
-      <zan-col col="12" offset="12" col-class="custom-zan-col">offset: 12, span: 12</zan-col>
-    </zan-row>
-  </zan-panel>
+  <van-panel title="利用 offset 布局">
+    <van-row>
+      <van-col col="4" col-class="custom-van-col">span: 4</van-col>
+      <van-col col="10" offset="4" col-class="custom-van-col">offset: 4, span: 10</van-col>
+    </van-row>
+    <van-row>
+      <van-col col="12" offset="12" col-class="custom-van-col">offset: 12, span: 12</van-col>
+    </van-row>
+  </van-panel>
 
 </doc-page>
diff --git a/example/pages/layout/index.wxss b/example/pages/layout/index.wxss
index ff64efce..20f059d8 100644
--- a/example/pages/layout/index.wxss
+++ b/example/pages/layout/index.wxss
@@ -1,4 +1,4 @@
-.custom-zan-col {
+.custom-van-col {
   line-height: 30px;
   text-align: center;
   background-color: #39a9ed;
@@ -6,6 +6,6 @@
   color: #fff;
 }
 
-.custom-zan-col:nth-child(even) {
+.custom-van-col:nth-child(even) {
   background-color: #66c6f2;
 }
diff --git a/example/pages/loading/index.json b/example/pages/loading/index.json
index 33ad67d1..4d84ebcd 100644
--- a/example/pages/loading/index.json
+++ b/example/pages/loading/index.json
@@ -1,6 +1,6 @@
 {
   "navigationBarTitleText": "loading 加载",
   "usingComponents": {
-    "zan-loading": "../../dist/loading/index"
+    "van-loading": "../../dist/loading/index"
   }
 }
\ No newline at end of file
diff --git a/example/pages/loading/index.wxml b/example/pages/loading/index.wxml
index c620cfef..06c249a4 100644
--- a/example/pages/loading/index.wxml
+++ b/example/pages/loading/index.wxml
@@ -1,21 +1,21 @@
 <view class="container">
 
-  <view class="doc-title zan-hairline--bottom">LOADING</view>
+  <view class="doc-title van-hairline--bottom">LOADING</view>
 
-  <view class="zan-panel-title">circle</view>
-  <view class="loading-example zan-panel">
-    <zan-loading type="circle"></zan-loading>
-    <zan-loading type="circle" color="black"></zan-loading>
+  <view class="van-panel-title">circle</view>
+  <view class="loading-example van-panel">
+    <van-loading type="circle"></van-loading>
+    <van-loading type="circle" color="black"></van-loading>
   </view>
-  <view class="zan-panel-title">spinner</view>
-  <view class="loading-example zan-panel">
-    <zan-loading type="spinner"></zan-loading>
-    <zan-loading type="spinner" color="black"></zan-loading>
+  <view class="van-panel-title">spinner</view>
+  <view class="loading-example van-panel">
+    <van-loading type="spinner"></van-loading>
+    <van-loading type="spinner" color="black"></van-loading>
   </view>
-  <view class="zan-panel-title">dot</view>
-  <view class="zan-panel loading-example no-flex">
-    <zan-loading type="dot"></zan-loading>
-    <zan-loading type="dot" color="black"></zan-loading>
+  <view class="van-panel-title">dot</view>
+  <view class="van-panel loading-example no-flex">
+    <van-loading type="dot"></van-loading>
+    <van-loading type="dot" color="black"></van-loading>
   </view>
 
 </view>
diff --git a/example/pages/loading/index.wxss b/example/pages/loading/index.wxss
index 434bad3d..269e324a 100644
--- a/example/pages/loading/index.wxss
+++ b/example/pages/loading/index.wxss
@@ -6,7 +6,7 @@
   flex-direction: row;
   background: transparent;
 }
-.loading-example zan-loading {
+.loading-example van-loading {
   flex: 1;
 }
 .no-flex {
diff --git a/example/pages/loadmore/index.json b/example/pages/loadmore/index.json
index f182cecd..bef39188 100644
--- a/example/pages/loadmore/index.json
+++ b/example/pages/loadmore/index.json
@@ -1,8 +1,8 @@
 {
   "navigationBarTitleText": "loadmore 加载",
   "usingComponents": {
-    "zan-panel": "../../dist/panel/index",
-    "zan-loadmore": "../../dist/loadmore/index",
+    "van-panel": "../../dist/panel/index",
+    "van-loadmore": "../../dist/loadmore/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/loadmore/index.wxml b/example/pages/loadmore/index.wxml
index c0949921..485103ac 100644
--- a/example/pages/loadmore/index.wxml
+++ b/example/pages/loadmore/index.wxml
@@ -1,11 +1,11 @@
 <doc-page title="LOADMORE" without-padding>
-  <zan-panel title="nodata">
-    <zan-loadmore type="text"></zan-loadmore>
-  </zan-panel>
-  <zan-panel title="loading">
-    <zan-loadmore type="loading"></zan-loadmore>
-  </zan-panel>
-  <zan-panel title="text">
-      <zan-loadmore type="text" text="暂无数据"></zan-loadmore>
-  </zan-panel>
+  <van-panel title="nodata">
+    <van-loadmore type="text"></van-loadmore>
+  </van-panel>
+  <van-panel title="loading">
+    <van-loadmore type="loading"></van-loadmore>
+  </van-panel>
+  <van-panel title="text">
+      <van-loadmore type="text" text="暂无数据"></van-loadmore>
+  </van-panel>
 </doc-page>
\ No newline at end of file
diff --git a/example/pages/loadmore/index.wxss b/example/pages/loadmore/index.wxss
index 1767a3f0..47d77013 100644
--- a/example/pages/loadmore/index.wxss
+++ b/example/pages/loadmore/index.wxss
@@ -1,5 +1,5 @@
 
 
-zan-loadmore {
+van-loadmore {
   margin: 15px;
 }
diff --git a/example/pages/noticebar/index.json b/example/pages/noticebar/index.json
index a1a7c61e..e25ebffc 100644
--- a/example/pages/noticebar/index.json
+++ b/example/pages/noticebar/index.json
@@ -1,8 +1,8 @@
 {
   "navigationBarTitleText": "Noticebar 通告栏",
   "usingComponents": {
-    "zan-noticebar": "../../dist/noticebar/index",
-    "zan-panel": "../../dist/panel/index",
+    "van-noticebar": "../../dist/noticebar/index",
+    "van-panel": "../../dist/panel/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/noticebar/index.wxml b/example/pages/noticebar/index.wxml
index e2cb5b0d..8aa3fa87 100644
--- a/example/pages/noticebar/index.wxml
+++ b/example/pages/noticebar/index.wxml
@@ -1,54 +1,54 @@
 <doc-page title="NOTICEBAR" without-padding>
 
-  <zan-panel title="滚动通告栏">
-    <zan-noticebar
+  <van-panel title="滚动通告栏">
+    <van-noticebar
       text="{{ bar1.text }}"
       scrollable="{{ bar1.scrollable }}"
     />
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title="延时滚动通告栏">
-    <zan-noticebar
+  <van-panel title="延时滚动通告栏">
+    <van-noticebar
       text="{{ bar1.text }}"
       scrollable="{{ bar1.scrollable }}"
       delay="{{ bar1.delay }}"
     />
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title="初始速度低滚动通告栏">
-    <zan-noticebar
+  <van-panel title="初始速度低滚动通告栏">
+    <van-noticebar
       text="{{ bar1.text }}"
       scrollable="{{ bar1.scrollable }}"
       speed="{{ bar5.speed }}"
     />
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title="改变颜色通告栏">
-    <zan-noticebar
+  <van-panel title="改变颜色通告栏">
+    <van-noticebar
       text="{{ bar2.text }}"
       color="{{ bar2.color }}"
       background-color="{{ bar2.backgroundColor }}"
     />
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title="静止通告栏">
-    <zan-noticebar
+  <van-panel title="静止通告栏">
+    <van-noticebar
       text="{{ bar3.text }}"
     />
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title="带icon公告">
-    <zan-noticebar
+  <van-panel title="带icon公告">
+    <van-noticebar
       text="{{ bar4.text }}"
       left-icon="{{ bar4.leftIcon }}"
     />
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title="可关闭公告">
-    <zan-noticebar
+  <van-panel title="可关闭公告">
+    <van-noticebar
       text="{{ bar5.text }}"
       mode="{{ bar5.mode }}"
     />
-  </zan-panel>
+  </van-panel>
 
 </doc-page>
diff --git a/example/pages/panel/index.json b/example/pages/panel/index.json
index f495ed85..73c5d2d5 100644
--- a/example/pages/panel/index.json
+++ b/example/pages/panel/index.json
@@ -1,7 +1,7 @@
 {
   "navigationBarTitleText": "Panel 面板",
   "usingComponents": {
-    "zan-panel": "../../dist/panel/index",
+    "van-panel": "../../dist/panel/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/panel/index.wxml b/example/pages/panel/index.wxml
index 83df0b2f..2cc501be 100644
--- a/example/pages/panel/index.wxml
+++ b/example/pages/panel/index.wxml
@@ -1,15 +1,15 @@
 <doc-page title="PANEL" without-padding>
 
-  <zan-panel class="panel-example">
+  <van-panel class="panel-example">
     <view style="padding: 15px;">PANEL 内容区域</view>
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title="标题" class="panel-example">
+  <van-panel title="标题" class="panel-example">
     <view style="padding: 15px;">带有标题的 PANEL</view>
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title="标题" hide-border="{{ true }}" class="panel-example">
+  <van-panel title="标题" hide-border="{{ true }}" class="panel-example">
     <view style="padding: 15px;">无边框的panel</view>
-  </zan-panel>
+  </van-panel>
 
 </doc-page>
diff --git a/example/pages/popup/index.json b/example/pages/popup/index.json
index e2ae2c0e..02673152 100644
--- a/example/pages/popup/index.json
+++ b/example/pages/popup/index.json
@@ -2,9 +2,9 @@
   "navigationBarTitleText": "Popup 弹出层",
   "usingComponents": {
     "doc-page": "../../components/doc-page/index",
-    "zan-popup": "../../dist/popup/index",
-    "zan-button": "../../dist/btn/index",
-    "zan-button-group": "../../dist/btn-group/index"
+    "van-popup": "../../dist/popup/index",
+    "van-button": "../../dist/btn/index",
+    "van-button-group": "../../dist/btn-group/index"
   }  
 }
 
diff --git a/example/pages/popup/index.wxml b/example/pages/popup/index.wxml
index c9994d17..70add6ab 100644
--- a/example/pages/popup/index.wxml
+++ b/example/pages/popup/index.wxml
@@ -1,89 +1,89 @@
 <doc-page title="POPUP">
-  <zan-button-group style="margin-top: 10vh;display: block;">
-    <zan-button class="zan-btn" bind:btnclick="togglePopup">
+  <van-button-group style="margin-top: 10vh;display: block;">
+    <van-button class="van-btn" bind:btnclick="togglePopup">
       弹出popup
-    </zan-button>
-    <zan-button class="zan-btn" bind:btnclick="toggleTopPopup">
+    </van-button>
+    <van-button class="van-btn" bind:btnclick="toggleTopPopup">
       从顶部弹出popup
-    </zan-button>
-    <zan-button class="zan-btn" bind:btnclick="toggleBottomPopup">
+    </van-button>
+    <van-button class="van-btn" bind:btnclick="toggleBottomPopup">
       从底部弹出popup
-    </zan-button>
-    <zan-button class="zan-btn" bind:btnclick="toggleLeftPopup">
+    </van-button>
+    <van-button class="van-btn" bind:btnclick="toggleLeftPopup">
       从左边弹出popup
-    </zan-button>
-    <zan-button class="zan-btn" bind:btnclick="toggleRightPopup">
+    </van-button>
+    <van-button class="van-btn" bind:btnclick="toggleRightPopup">
       从右边弹出popup
-    </zan-button>
-  </zan-button-group>
+    </van-button>
+  </van-button-group>
 
   <!-- 中间弹出框 -->
-  <zan-popup
+  <van-popup
     show="{{ showPopup }}"
     bindclose="togglePopup"
   >
     <view class="pop-example__container">
-      <view class="zan-btns"> 
-        <button class="zan-btn" bindtap="togglePopup">
+      <view class="van-btns"> 
+        <button class="van-btn" bindtap="togglePopup">
           关闭 popup
         </button>
       </view>
     </view>
-  </zan-popup>
+  </van-popup>
 
   <!-- 左侧弹出框 -->
-  <zan-popup
+  <van-popup
     show="{{ showLeftPopup }}"
     type="left"
     bindclose="toggleLeftPopup"
   >
     <view class="pop-example__container pop-example__container--left">
-      <view class="zan-btns">
-        <button class="zan-btn" bindtap="toggleLeftPopup">
+      <view class="van-btns">
+        <button class="van-btn" bindtap="toggleLeftPopup">
           关闭 popup
         </button>
       </view>
     </view>
-  </zan-popup>
+  </van-popup>
 
   <!-- 右侧弹出框 -->
-  <zan-popup
+  <van-popup
     show="{{ showRightPopup }}"
     type="right"
     bindclose="toggleRightPopup"
   >
     <view class="pop-example__container pop-example__container--right">
-      <view class="zan-btns">
-        <button class="zan-btn" catchtap="toggleRightPopup">
+      <view class="van-btns">
+        <button class="van-btn" catchtap="toggleRightPopup">
           关闭 popup
         </button>
       </view>
     </view>
-  </zan-popup>
+  </van-popup>
 
   <!-- 顶部弹出框 -->
-  <zan-popup
+  <van-popup
     show="{{ showTopPopup }}"
     overlay="{{ false }}"
     type="top"
     bindclose="toggleTopPopup"
   >
     <view class="pop-example--top">内容</view>
-  </zan-popup>
+  </van-popup>
 
   <!-- 底部弹出框 -->
-  <zan-popup
+  <van-popup
     show="{{ showBottomPopup }}"
     type="bottom"
     bindclose="toggleBottomPopup"
   >
     <view class="pop-example__container pop-example__container--bottom">
-      <view class="zan-btns">
-        <button class="zan-btn" catchtap="toggleBottomPopup">
+      <view class="van-btns">
+        <button class="van-btn" catchtap="toggleBottomPopup">
           关闭 popup
         </button>
       </view>
     </view>
-  </zan-popup>
+  </van-popup>
 
 </doc-page>
diff --git a/example/pages/radio/index.json b/example/pages/radio/index.json
index 4b40c1a9..e4aacded 100644
--- a/example/pages/radio/index.json
+++ b/example/pages/radio/index.json
@@ -1,9 +1,9 @@
 {
   "navigationBarTitleText": "Radio 单选框",
   "usingComponents": {
-    "zan-radio": "../../dist/radio/index",
-    "zan-panel": "../../dist/panel/index",
-    "zan-cell": "../../dist/cell/index",
+    "van-radio": "../../dist/radio/index",
+    "van-panel": "../../dist/panel/index",
+    "van-cell": "../../dist/cell/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/radio/index.wxml b/example/pages/radio/index.wxml
index 318a2e3b..a74efb2a 100644
--- a/example/pages/radio/index.wxml
+++ b/example/pages/radio/index.wxml
@@ -1,35 +1,35 @@
 <doc-page title="radio" without-padding>
-  <zan-panel title='基本用法'>
-    <zan-radio
+  <van-panel title='基本用法'>
+    <van-radio
       items="{{ items }}"
-    ></zan-radio>
-  </zan-panel>
+    ></van-radio>
+  </van-panel>
 
-  <zan-panel title='禁用状态'>
-    <zan-radio
+  <van-panel title='禁用状态'>
+    <van-radio
       items="{{ items1 }}"
-    ></zan-radio>
-  </zan-panel>
+    ></van-radio>
+  </van-panel>
 
-  <zan-panel title='事件'>
-    <zan-radio
+  <van-panel title='事件'>
+    <van-radio
       items="{{ items }}"
       bind:change="handleRadioChange"
-    ></zan-radio>
-  </zan-panel>
+    ></van-radio>
+  </van-panel>
 
-  <zan-panel title='自定义样式'>
-    <zan-radio
+  <van-panel title='自定义样式'>
+    <van-radio
       items="{{ items }}"
       radio-color="radio-color"
       radio-class="radio-demo"
-    ></zan-radio>
-  </zan-panel>
+    ></van-radio>
+  </van-panel>
 
-  <zan-panel title='列表模式'>
-    <zan-radio
+  <van-panel title='列表模式'>
+    <van-radio
       items="{{ items }}"
       type="list"
-    ></zan-radio>
-  </zan-panel>
+    ></van-radio>
+  </van-panel>
 </doc-page>
diff --git a/example/pages/search/index.json b/example/pages/search/index.json
index a36fc259..c82743bc 100644
--- a/example/pages/search/index.json
+++ b/example/pages/search/index.json
@@ -1,9 +1,9 @@
 {
   "navigationBarTitleText": "Search 搜索",
   "usingComponents": {
-    "zan-icon": "../icon/index",
-    "zan-search": "../../dist/search/index",
-    "zan-panel": "../../dist/panel/index",
+    "van-icon": "../icon/index",
+    "van-search": "../../dist/search/index",
+    "van-panel": "../../dist/panel/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/search/index.wxml b/example/pages/search/index.wxml
index 995a2160..3916e3c7 100644
--- a/example/pages/search/index.wxml
+++ b/example/pages/search/index.wxml
@@ -1,7 +1,7 @@
 <doc-page title="Search" without-padding>
 
-  <zan-panel title='基本用法'>
-    <zan-search
+  <van-panel title='基本用法'>
+    <van-search
       alignLeft="{{ true }}"
       placeholder="搜索..."
       keyword="{{ inputValue }}"
@@ -10,19 +10,19 @@
       bindchange="searchChange"
       bindsearch="searchDone"
     />
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title='不可用'>
-    <zan-search
+  <van-panel title='不可用'>
+    <van-search
       alignLeft="{{ true }}"
       placeholder="搜索..."
       disabled="{{ true }}"
       placeholder="搜索商品"
     />
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title='自定义样式'>
-    <zan-search
+  <van-panel title='自定义样式'>
+    <van-search
       alignLeft="{{ true }}"
       placeholder="搜索..."
       searchStyle="height: 88rpx; padding: 0 30rpx; background: {{ searchbg || '#F2F2F2' }};"
@@ -33,10 +33,10 @@
       bindchange="searchChange"
       bindsearch="searchDone"
     />
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title='取消按钮'>
-    <zan-search
+  <van-panel title='取消按钮'>
+    <van-search
       alignLeft="{{ true }}"
       placeholder="搜索..."
       keyword="{{ inputValue }}"
@@ -47,5 +47,5 @@
       bindsearch="searchDone"
       bindcancel="handleCancel"
     />
-  </zan-panel>
+  </van-panel>
 </doc-page>
diff --git a/example/pages/select/index.json b/example/pages/select/index.json
index 30dbc616..dd29bdb9 100644
--- a/example/pages/select/index.json
+++ b/example/pages/select/index.json
@@ -2,7 +2,7 @@
   "navigationBarTitleText": "Select 选择",
   "usingComponents": {
     "doc-page": "../../components/doc-page/index",
-    "zan-panel": "../../dist/panel/index",
-    "zan-select": "../../dist/select/index"
+    "van-panel": "../../dist/panel/index",
+    "van-select": "../../dist/select/index"
   }
 }
diff --git a/example/pages/select/index.wxml b/example/pages/select/index.wxml
index 743976c1..fa3913ee 100644
--- a/example/pages/select/index.wxml
+++ b/example/pages/select/index.wxml
@@ -1,20 +1,20 @@
 <doc-page title="SELECT" without-padding>
-  <zan-panel title='基本用法'>
-    <zan-select
+  <van-panel title='基本用法'>
+    <van-select
       items="{{ items }}"
       data-type="base"
       checkedValue="{{ checked.base }}"
       bind:change="handleSelectChange"
     />
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title='自定义高亮颜色'>
-    <zan-select
+  <van-panel title='自定义高亮颜色'>
+    <van-select
       items="{{ items }}"
       data-type="color"
       checkedValue="{{ checked.color }}"
       activeColor="{{ activeColor }}"
       bind:change="handleSelectChange"
     />
-  </zan-panel>
+  </van-panel>
 </doc-page>
diff --git a/example/pages/stepper/index.json b/example/pages/stepper/index.json
index 6c75d98f..66f4870e 100644
--- a/example/pages/stepper/index.json
+++ b/example/pages/stepper/index.json
@@ -1,8 +1,8 @@
 {
   "navigationBarTitleText": "Stepper 计数器",
   "usingComponents": {
-    "zan-stepper": "../../dist/stepper/index",
-    "zan-panel": "../../dist/panel/index",
+    "van-stepper": "../../dist/stepper/index",
+    "van-panel": "../../dist/panel/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/stepper/index.wxml b/example/pages/stepper/index.wxml
index 4d3aa4c8..86b82719 100644
--- a/example/pages/stepper/index.wxml
+++ b/example/pages/stepper/index.wxml
@@ -1,21 +1,21 @@
 <doc-page title="Stepper" without-padding>
-  <zan-panel title="基础用法">
+  <van-panel title="基础用法">
     <view style="padding: 40px 15px">
-      <zan-stepper
+      <van-stepper
         stepper="{{ stepper1.stepper }}"
         min="{{ stepper1.min }}"
         data-component-id="stepper1"
         bind:change="handleZanStepperChange"
       >
-      </zan-stepper>
+      </van-stepper>
     </view>
-  </zan-panel>
+  </van-panel>
 
   <!-- small size -->
-  <zan-panel title="不同尺寸-小尺寸类型">
+  <van-panel title="不同尺寸-小尺寸类型">
     <view style="padding: 40px 15px">
       <view style="margin-bottom: 5px">small:</view>
-      <zan-stepper
+      <van-stepper
         stepper="{{ stepper2.stepper }}"
         min="{{ stepper2.min }}"
         max="{{ stepper2.max }}"
@@ -23,32 +23,32 @@
         data-component-id="stepper2"
         bind:change="handleZanStepperChange"
 
-      ></zan-stepper>
+      ></van-stepper>
 
       <view style="margin: 10px 0 5px;">middle:</view>
-      <zan-stepper
+      <van-stepper
         stepper="{{ stepper2.stepper }}"
         min="{{ stepper2.min }}"
         max="{{ stepper2.max }}"
         data-component-id="stepper2-1"
         bind:change="handleZanStepperChange"
-      ></zan-stepper>
+      ></van-stepper>
 
       <view style="margin: 10px 0 5px;">large:</view>
-      <zan-stepper
+      <van-stepper
         stepper="{{ stepper2.stepper }}"
         min="{{ stepper2.min }}"
         max="{{ stepper2.max }}"
         size="large"
         data-component-id="stepper2-2"
         bind:change="handleZanStepperChange"
-      ></zan-stepper>
+      ></van-stepper>
     </view>
-  </zan-panel>
+  </van-panel>
 
-  <zan-panel title="高级用法-每次变动数量自定义">
+  <van-panel title="高级用法-每次变动数量自定义">
     <view style="padding: 40px 15px">
-      <zan-stepper
+      <van-stepper
         stepper="{{ stepper3.stepper }}"
         min="{{ stepper3.min }}"
         max="{{ stepper3.max }}"
@@ -56,7 +56,7 @@
         data-component-id="stepper3"
         bind:change="handleZanStepperChange"
       >
-      </zan-stepper>
+      </van-stepper>
     </view>
-  </zan-panel>
+  </van-panel>
 </doc-page>
diff --git a/example/pages/steps/index.json b/example/pages/steps/index.json
index b4096b2d..f995874e 100644
--- a/example/pages/steps/index.json
+++ b/example/pages/steps/index.json
@@ -1,10 +1,10 @@
 {
   "navigationBarTitleText": "Steps 步骤条",
   "usingComponents": {
-    "zan-cell": "../../dist/cell/index",
-    "zan-cell-group": "../../dist/cell-group/index",
-    "zan-panel": "../../dist/panel/index",
-    "zan-steps": "../../dist/steps/index",
+    "van-cell": "../../dist/cell/index",
+    "van-cell-group": "../../dist/cell-group/index",
+    "van-panel": "../../dist/panel/index",
+    "van-steps": "../../dist/steps/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/steps/index.wxml b/example/pages/steps/index.wxml
index 79936558..bb7fe1e9 100644
--- a/example/pages/steps/index.wxml
+++ b/example/pages/steps/index.wxml
@@ -1,66 +1,66 @@
 <doc-page title="STEPS" without-padding>
-  <zan-panel title="基础用法">
-    <zan-cell-group>
-      <zan-cell>
-        <zan-steps type="horizon" steps="{{steps}}"></zan-steps>
-      </zan-cell>
-      <zan-cell>
-        <zan-steps type="horizon" steps="{{steps2}}"></zan-steps>
-      </zan-cell>
-      <zan-cell>
-        <zan-steps type="horizon" steps="{{steps3}}"></zan-steps>
-      </zan-cell>
-    </zan-cell-group>
-  </zan-panel>
+  <van-panel title="基础用法">
+    <van-cell-group>
+      <van-cell>
+        <van-steps type="horizon" steps="{{steps}}"></van-steps>
+      </van-cell>
+      <van-cell>
+        <van-steps type="horizon" steps="{{steps2}}"></van-steps>
+      </van-cell>
+      <van-cell>
+        <van-steps type="horizon" steps="{{steps3}}"></van-steps>
+      </van-cell>
+    </van-cell-group>
+  </van-panel>
 
-  <zan-panel title="2步完成">
-    <zan-cell-group>
-      <zan-cell>
-        <zan-steps type="horizon" steps="{{steps4}}"></zan-steps>
-      </zan-cell>
-      <zan-cell>
-        <zan-steps type="horizon" steps="{{steps5}}"></zan-steps>
-      </zan-cell>
-      </zan-cell-group>
-  </zan-panel>
+  <van-panel title="2步完成">
+    <van-cell-group>
+      <van-cell>
+        <van-steps type="horizon" steps="{{steps4}}"></van-steps>
+      </van-cell>
+      <van-cell>
+        <van-steps type="horizon" steps="{{steps5}}"></van-steps>
+      </van-cell>
+      </van-cell-group>
+  </van-panel>
 
-  <zan-panel title="有描述的steps">
-    <zan-cell-group>
-      <zan-cell>
-        <zan-steps type="horizon" hasDesc steps="{{steps}}"></zan-steps>
-      </zan-cell>
-      <zan-cell>
-        <zan-steps type="horizon" hasDesc steps="{{steps2}}"></zan-steps>
-      </zan-cell>
-      <zan-cell>
-        <zan-steps type="horizon" hasDesc steps="{{steps3}}"></zan-steps>
-      </zan-cell>
-    </zan-cell-group>
-  </zan-panel>
+  <van-panel title="有描述的steps">
+    <van-cell-group>
+      <van-cell>
+        <van-steps type="horizon" hasDesc steps="{{steps}}"></van-steps>
+      </van-cell>
+      <van-cell>
+        <van-steps type="horizon" hasDesc steps="{{steps2}}"></van-steps>
+      </van-cell>
+      <van-cell>
+        <van-steps type="horizon" hasDesc steps="{{steps3}}"></van-steps>
+      </van-cell>
+    </van-cell-group>
+  </van-panel>
 
-  <zan-panel title="垂直方向的steps">
-    <zan-cell-group>
-      <zan-cell>
-        <zan-steps type="vertical" hasDesc steps="{{steps}}"></zan-steps>
-      </zan-cell>
-      <zan-cell>
-        <zan-steps type="vertical" hasDesc steps="{{steps2}}"></zan-steps>
-      </zan-cell>
-    </zan-cell-group>
-  </zan-panel>
+  <van-panel title="垂直方向的steps">
+    <van-cell-group>
+      <van-cell>
+        <van-steps type="vertical" hasDesc steps="{{steps}}"></van-steps>
+      </van-cell>
+      <van-cell>
+        <van-steps type="vertical" hasDesc steps="{{steps2}}"></van-steps>
+      </van-cell>
+    </van-cell-group>
+  </van-panel>
 
-  <zan-panel title="自定义 class">
-    <zan-cell-group>
-      <zan-cell cell-class="gray">
-        <zan-steps
+  <van-panel title="自定义 class">
+    <van-cell-group>
+      <van-cell cell-class="gray">
+        <van-steps
           steps-class="my-class"
           icon-class="gray"
           title-class="white"
           type="horizon"
           steps="{{steps}}"
-        ></zan-steps>
-      </zan-cell>
-    </zan-cell-group>
-  </zan-panel>
+        ></van-steps>
+      </van-cell>
+    </van-cell-group>
+  </van-panel>
 </doc-page>
 
diff --git a/example/pages/switch/index.json b/example/pages/switch/index.json
index 19aee58b..a1c4a9e0 100644
--- a/example/pages/switch/index.json
+++ b/example/pages/switch/index.json
@@ -1,9 +1,9 @@
 {
   "navigationBarTitleText": "Switch 开关",
   "usingComponents": {
-    "zan-switch": "../../dist/switch/index",
-    "zan-panel": "../../dist/panel/index",
-    "zan-cell": "../../dist/cell/index",
+    "van-switch": "../../dist/switch/index",
+    "van-panel": "../../dist/panel/index",
+    "van-cell": "../../dist/cell/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/switch/index.wxml b/example/pages/switch/index.wxml
index a20db8ec..f1753a25 100644
--- a/example/pages/switch/index.wxml
+++ b/example/pages/switch/index.wxml
@@ -1,27 +1,27 @@
 <doc-page title="SWITCH" without-padding>
 
-  <zan-panel title='同步开关'>
-    <zan-cell>
-      <zan-switch checked="{{sync.checked}}" bind:change="syncChange" />
-    </zan-cell>
-  </zan-panel>
+  <van-panel title='同步开关'>
+    <van-cell>
+      <van-switch checked="{{sync.checked}}" bind:change="syncChange" />
+    </van-cell>
+  </van-panel>
 
-  <zan-panel title='异步开关'>
-    <zan-cell>
-      <zan-switch checked="{{async.checked}}" disabled="{{ async.disabled }}" loading="{{ async.loading }}" bind:change="asyncChange" />
-    </zan-cell>
-  </zan-panel>
+  <van-panel title='异步开关'>
+    <van-cell>
+      <van-switch checked="{{async.checked}}" disabled="{{ async.disabled }}" loading="{{ async.loading }}" bind:change="asyncChange" />
+    </van-cell>
+  </van-panel>
 
-  <zan-panel title='禁止改动的开关'>
-    <zan-cell>
-      <zan-switch disabled="{{ false }}" />
-    </zan-cell>
-  </zan-panel>
+  <van-panel title='禁止改动的开关'>
+    <van-cell>
+      <van-switch disabled="{{ false }}" />
+    </van-cell>
+  </van-panel>
 
-  <zan-panel title='自定义高亮样式'>
-    <zan-cell>
-      <zan-switch theme-class="switch-theme" disabled="{{ false }}" checked/>
-    </zan-cell>
-  </zan-panel>
+  <van-panel title='自定义高亮样式'>
+    <van-cell>
+      <van-switch theme-class="switch-theme" disabled="{{ false }}" checked/>
+    </van-cell>
+  </van-panel>
 
 </doc-page>
diff --git a/example/pages/tab/index.json b/example/pages/tab/index.json
index d1c43ff3..02afa44e 100644
--- a/example/pages/tab/index.json
+++ b/example/pages/tab/index.json
@@ -1,7 +1,7 @@
 {
   "navigationBarTitleText": "Tab 标签",
   "usingComponents": {
-    "zan-tab": "../../dist/tab/index",
+    "van-tab": "../../dist/tab/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/tab/index.wxml b/example/pages/tab/index.wxml
index 61a5c12f..8b723c04 100644
--- a/example/pages/tab/index.wxml
+++ b/example/pages/tab/index.wxml
@@ -1,21 +1,21 @@
 <doc-page title="TAB" without-padding>
 
   <view style="margin: 30px 0">
-    <zan-tab
+    <van-tab
       list="{{ tab.list }}"
       selected-id="{{ tab.selectedId }}"
     />
   </view>
 
   <view style="margin: 30px 0">
-    <zan-tab
+    <van-tab
       list="{{ tab1.list }}"
       selected-id="{{ tab1.selectedId }}"
     />
   </view>
 
   <view style="margin: 30px 0">
-    <zan-tab
+    <van-tab
       list="{{ tab2.list }}"
       selected-id="{{ tab2.selectedId }}"
       scroll="{{ tab2.scroll }}"
diff --git a/example/pages/tag/index.json b/example/pages/tag/index.json
index fc9e7eab..d64d2b09 100644
--- a/example/pages/tag/index.json
+++ b/example/pages/tag/index.json
@@ -1,9 +1,9 @@
 {
   "navigationBarTitleText": "Tag 标记",
   "usingComponents": {
-    "zan-cell": "../../dist/cell/index",
-    "zan-panel": "../../dist/panel/index",
-    "zan-tag": "../../dist/tag/index",
+    "van-cell": "../../dist/cell/index",
+    "van-panel": "../../dist/panel/index",
+    "van-tag": "../../dist/tag/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/tag/index.wxml b/example/pages/tag/index.wxml
index 4bd08875..28768297 100644
--- a/example/pages/tag/index.wxml
+++ b/example/pages/tag/index.wxml
@@ -1,28 +1,28 @@
 <doc-page title="Tag" without-padding>
-  <zan-panel title="基础用法" class="tag-demo">
-    <zan-cell>
-      <zan-tag>灰色</zan-tag>
-      <zan-tag type="danger">红色</zan-tag>
-      <zan-tag disabled>不可用</zan-tag>
-    </zan-cell>
-  </zan-panel>
+  <van-panel title="基础用法" class="tag-demo">
+    <van-cell>
+      <van-tag>灰色</van-tag>
+      <van-tag type="danger">红色</van-tag>
+      <van-tag disabled>不可用</van-tag>
+    </van-cell>
+  </van-panel>
 
-  <zan-panel title="各种不同类型" class="tag-demo">
-    <zan-cell>
-      <zan-tag type="danger">会员折扣</zan-tag>
-      <zan-tag type="warn">返现</zan-tag>
-      <zan-tag type="primary">返现</zan-tag>
-      <zan-tag type="primary" disabled>不可用</zan-tag>
-    </zan-cell>
-  </zan-panel>
+  <van-panel title="各种不同类型" class="tag-demo">
+    <van-cell>
+      <van-tag type="danger">会员折扣</van-tag>
+      <van-tag type="warn">返现</van-tag>
+      <van-tag type="primary">返现</van-tag>
+      <van-tag type="primary" disabled>不可用</van-tag>
+    </van-cell>
+  </van-panel>
 
-  <zan-panel title="镂空 Tag" class="tag-demo">
-    <zan-cell>
-      <zan-tag plain>灰色</zan-tag>
-      <zan-tag type="danger" plain>会员折扣</zan-tag>
-      <zan-tag type="warn" plain>返现</zan-tag>
-      <zan-tag type="primary" plain>返现</zan-tag>
-      <zan-tag type="primary" plain disabled>返现不可用</zan-tag>
-    </zan-cell>
-  </zan-panel>
+  <van-panel title="镂空 Tag" class="tag-demo">
+    <van-cell>
+      <van-tag plain>灰色</van-tag>
+      <van-tag type="danger" plain>会员折扣</van-tag>
+      <van-tag type="warn" plain>返现</van-tag>
+      <van-tag type="primary" plain>返现</van-tag>
+      <van-tag type="primary" plain disabled>返现不可用</van-tag>
+    </van-cell>
+  </van-panel>
 </doc-page>
diff --git a/example/pages/tag/index.wxss b/example/pages/tag/index.wxss
index f4b8a05f..72329fdb 100644
--- a/example/pages/tag/index.wxss
+++ b/example/pages/tag/index.wxss
@@ -3,6 +3,6 @@
   margin: 15px 0;
 }
 
-zan-tag + zan-tag {
+van-tag + van-tag {
   margin-left: 10px;
 }
diff --git a/example/pages/toast/index.js b/example/pages/toast/index.js
index 2684a09f..704b70ff 100644
--- a/example/pages/toast/index.js
+++ b/example/pages/toast/index.js
@@ -5,7 +5,7 @@ Page({
 
   showToast() {
     Toast.setDefaultOptions({
-      selector: '#zan-toast-test'
+      selector: '#van-toast-test'
     });
 
     Toast('toast的内容');
@@ -15,14 +15,14 @@ Page({
     Toast({
       type: 'fail',
       message: 'toast的内容',
-      selector: '#zan-toast-test'
+      selector: '#van-toast-test'
     });
   },
 
   showImageToast() {
     Toast({
       message: 'toast的内容',
-      selector: '#zan-toast-test',
+      selector: '#van-toast-test',
       image: 'https://b.yzcdn.cn/v2/image/dashboard/secured_transaction/suc_green@2x.png'
     });
   },
@@ -31,21 +31,21 @@ Page({
     Toast({
       type: 'loading',
       message: 'toast的内容',
-      selector: '#zan-toast-test'
+      selector: '#van-toast-test'
     });
   },
 
   showOnlyIcon() {
     Toast({
       type: 'fail',
-      selector: '#zan-toast-test'
+      selector: '#van-toast-test'
     });
   },
 
   showEverToast() {
     Toast({
       message: 'toast的内容',
-      selector: '#zan-toast-test',
+      selector: '#van-toast-test',
       timeout: -1
     });
   },
@@ -53,7 +53,7 @@ Page({
   showLoading() {
     Toast.loading({
       message: '加载中',
-      selector: '#zan-toast-test'
+      selector: '#van-toast-test'
     });
   }
 });
diff --git a/example/pages/toast/index.json b/example/pages/toast/index.json
index 38e0d46a..7cba4c02 100644
--- a/example/pages/toast/index.json
+++ b/example/pages/toast/index.json
@@ -1,8 +1,8 @@
 {
   "navigationBarTitleText": "Toast 轻提示",
   "usingComponents": {
-    "zan-button": "../../dist/btn/index",
-    "zan-button-group": "../../dist/btn-group/index",
-    "zan-toast": "../../dist/toast/index"
+    "van-button": "../../dist/btn/index",
+    "van-button-group": "../../dist/btn-group/index",
+    "van-toast": "../../dist/toast/index"
   }
 }
diff --git a/example/pages/toast/index.wxml b/example/pages/toast/index.wxml
index 616af1db..591a110f 100644
--- a/example/pages/toast/index.wxml
+++ b/example/pages/toast/index.wxml
@@ -2,38 +2,38 @@
 
 <view class="container">
 
-  <view class="doc-title zan-hairline--bottom">TOAST</view>
+  <view class="doc-title van-hairline--bottom">TOAST</view>
 
-  <zan-button-group style="margin-top: 15vh;display: block;">
-    <zan-button bind:btnclick="showToast">
+  <van-button-group style="margin-top: 15vh;display: block;">
+    <van-button bind:btnclick="showToast">
       显示toast
-    </zan-button>
+    </van-button>
 
-    <zan-button bind:btnclick="showIconToast">
+    <van-button bind:btnclick="showIconToast">
       显示 Icon 图标的toast
-    </zan-button>
+    </van-button>
 
-    <zan-button bind:btnclick="showImageToast">
+    <van-button bind:btnclick="showImageToast">
       自定义图片作为图标的toast
-    </zan-button>
+    </van-button>
 
-    <zan-button bind:btnclick="showLoadingToast">
+    <van-button bind:btnclick="showLoadingToast">
       显示 Loading toast
-    </zan-button>
+    </van-button>
 
-    <zan-button bind:btnclick="showOnlyIcon">
+    <van-button bind:btnclick="showOnlyIcon">
       只显示图标的toast
-    </zan-button>
+    </van-button>
 
-    <zan-button bind:btnclick="showEverToast">
+    <van-button bind:btnclick="showEverToast">
       不消失的的toast
-    </zan-button>
+    </van-button>
 
-    <zan-button bind:btnclick="showLoading">
+    <van-button bind:btnclick="showLoading">
       显示 Loading
-    </zan-button>
-  </zan-button-group>
+    </van-button>
+  </van-button-group>
 </view>
 
-<!-- <template is="zan-toast" data="{{ zanToast }}"></template> -->
-<zan-toast id="zan-toast-test"></zan-toast>
+<!-- <template is="van-toast" data="{{ zanToast }}"></template> -->
+<van-toast id="van-toast-test"></van-toast>
diff --git a/example/pages/toptips/index.json b/example/pages/toptips/index.json
index d1e51910..ffb3ef71 100644
--- a/example/pages/toptips/index.json
+++ b/example/pages/toptips/index.json
@@ -1,8 +1,8 @@
 {
   "navigationBarTitleText": "Toptips 顶部提示",
   "usingComponents": {
-    "zan-button": "../../dist/btn/index",
-    "zan-toptips": "../../dist/toptips/index",
+    "van-button": "../../dist/btn/index",
+    "van-toptips": "../../dist/toptips/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/toptips/index.wxml b/example/pages/toptips/index.wxml
index 5e2756e9..86bea77d 100644
--- a/example/pages/toptips/index.wxml
+++ b/example/pages/toptips/index.wxml
@@ -1,25 +1,25 @@
 <doc-page title="TOPTIPS">
   <view style="margin-top: 30vh;">
-    <zan-button bind:btnclick="showTopTips">
+    <van-button bind:btnclick="showTopTips">
       显示toptips，声明式调用
-    </zan-button>
+    </van-button>
   </view>
 
   <view style="margin-top: 30px;">
-    <zan-button bind:btnclick="showTopTips2">
+    <van-button bind:btnclick="showTopTips2">
       显示toptips，命令式调用
-    </zan-button>
+    </van-button>
   </view>
 
   <view style="margin-top: 30px;">
-    <zan-button bind:btnclick="showTopTips3">
+    <van-button bind:btnclick="showTopTips3">
       显示toptips，持续一秒
-    </zan-button>
+    </van-button>
   </view>
 </doc-page>
 
-<zan-toptips
-  id="zan-toptips"
+<van-toptips
+  id="van-toptips"
   content="{{ content }}"
   is-show="{{ $vant.toptips.show }}"
 />
diff --git a/example/pages/tree-select/index.json b/example/pages/tree-select/index.json
index 85e7ee6a..6e77d7ab 100644
--- a/example/pages/tree-select/index.json
+++ b/example/pages/tree-select/index.json
@@ -1,7 +1,7 @@
 {
   "navigationBarTitleText": "Tree Select 分类选择",
   "usingComponents": {
-    "zan-tree-select": "../../dist/tree-select/index",
+    "van-tree-select": "../../dist/tree-select/index",
     "doc-page": "../../components/doc-page/index"
   }
 }
diff --git a/example/pages/tree-select/index.wxml b/example/pages/tree-select/index.wxml
index 3cb111c0..82489ec7 100644
--- a/example/pages/tree-select/index.wxml
+++ b/example/pages/tree-select/index.wxml
@@ -1,11 +1,11 @@
 <doc-page title="TREE SELECT" without-padding>
   <view style="margin-top: 5vh;">
-    <zan-tree-select
+    <van-tree-select
       items="{{ items }}"
       main-active-index="{{ mainActiveIndex }}"
       active-id="{{ activeId }}"
       bind:itemclick="handleItemClick"
       bind:navclick="handleNavClick"
-    ></zan-tree-select>
+    ></van-tree-select>
   </view>
 </doc-page>
\ No newline at end of file
diff --git a/packages/actionsheet/README.md b/packages/actionsheet/README.md
index 944b59b8..11ae5def 100644
--- a/packages/actionsheet/README.md
+++ b/packages/actionsheet/README.md
@@ -5,7 +5,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-actionsheet": "path/to/vant-weapp/dist/actionsheet/index"
+    "van-actionsheet": "path/to/vant-weapp/dist/actionsheet/index"
   }
 }
 ```
@@ -16,7 +16,7 @@
 <button bindtap="openActionSheet">Open ActionSheet</button>
 <view class="actionsheet-container">
   <!-- 监听自定义事件 cancel 和 actionclick，绑定回调函数 -->
-  <zan-actionsheet
+  <van-actionsheet
     show="{{ show }}"
     actions="{{ actions }}"
     cancel-text="{{ cancelText }}"
@@ -24,7 +24,7 @@
     bind:cancel="closeActionSheet"
     bind:actionclick="handleActionClick"
   >
-  </zan-actionsheet>
+  </van-actionsheet>
 </view>
 ```
 
diff --git a/packages/actionsheet/index.json b/packages/actionsheet/index.json
index 9d70aaf4..5ec84cb6 100644
--- a/packages/actionsheet/index.json
+++ b/packages/actionsheet/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-btn": "../btn/index"
+    "van-btn": "../btn/index"
   }
 }
diff --git a/packages/actionsheet/index.pcss b/packages/actionsheet/index.pcss
index 1531d269..425c6a1b 100644
--- a/packages/actionsheet/index.pcss
+++ b/packages/actionsheet/index.pcss
@@ -1,11 +1,11 @@
 @import "../common/_var";
 @import "../common/_mixins";
 
-.zan-actionsheet {
+.van-actionsheet {
   background-color: #f8f8f8;
 }
 
-.zan-actionsheet__mask {
+.van-actionsheet__mask {
   position: fixed;
   top: 0;
   left: 0;
@@ -16,7 +16,7 @@
   display: none;
 }
 
-.zan-actionsheet__container {
+.van-actionsheet__container {
   position: fixed;
   left: 0;
   right: 0;
@@ -30,57 +30,57 @@
   visibility: hidden;
 }
 
-.zan-actionsheet__btn {
+.van-actionsheet__btn {
   margin-bottom: 0 !important;
 }
 
-.zan-actionsheet__footer .zan-actionsheet__btn {
+.van-actionsheet__footer .van-actionsheet__btn {
   background: #fff;
 }
 
-.zan-actionsheet__btn-content {
+.van-actionsheet__btn-content {
   display: flex;
   flex-direction: row;
   justify-content: center;
 }
 
-.zan-actionsheet__subname {
+.van-actionsheet__subname {
   color: $gray-dark;
 }
 
-.zan-actionsheet__subname,
-.zan-actionsheet__name {
+.van-actionsheet__subname,
+.van-actionsheet__name {
   height: 45px;
   line-height: 45px;
 }
 
 
-.zan-actionsheet__btn.zan-btn:last-child {
+.van-actionsheet__btn.van-btn:last-child {
   &::after {
     border-bottom-width: 0;
   }
 }
 
-.zan-actionsheet__subname {
+.van-actionsheet__subname {
   margin-left: 2px;
   font-size: 12px;
 }
 
-.zan-actionsheet__footer {
+.van-actionsheet__footer {
   margin-top: 10px;
 }
 
 /* btn-loading 状态 */
-.zan-actionsheet__btn--loading .zan-actionsheet__subname {
+.van-actionsheet__btn--loading .van-actionsheet__subname {
   color: transparent;
 }
 
-/* zan-actionsheet 展示出来的样式 */
-.zan-actionsheet--show .zan-actionsheet__container {
+/* van-actionsheet 展示出来的样式 */
+.van-actionsheet--show .van-actionsheet__container {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   visibility: visible;
 }
-.zan-actionsheet--show .zan-actionsheet__mask {
+.van-actionsheet--show .van-actionsheet__mask {
   display: block;
 }
diff --git a/packages/actionsheet/index.wxml b/packages/actionsheet/index.wxml
index de6b80d0..48c53780 100644
--- a/packages/actionsheet/index.wxml
+++ b/packages/actionsheet/index.wxml
@@ -1,39 +1,39 @@
-<view class="zan-actionsheet {{ show ? 'zan-actionsheet--show' : '' }}">
+<view class="van-actionsheet {{ show ? 'van-actionsheet--show' : '' }}">
   <view
-    class="mask-class zan-actionsheet__mask"
+    class="mask-class van-actionsheet__mask"
     bindtap="onMaskClick"
   ></view>
-  <view class="container-class zan-actionsheet__container">
+  <view class="container-class van-actionsheet__container">
     <!-- 选项按钮 -->
-    <zan-btn
+    <van-btn
       wx:for="{{ actions }}"
       wx:key="{{ index }}-{{ item.name }}"
       bind:btnclick="handleBtnClick"
       data-index="{{ index }}"
       open-type="{{ item.openType }}"
-      custom-class="zan-actionsheet__btn"
+      custom-class="van-actionsheet__btn"
       loading="{{ item.loading }}"
     >
       <!-- 自定义组件控制 slot 样式有问题，故在 slot 容器上传入 loading 信息 -->
-      <view class="zan-actionsheet__btn-content {{ item.loading ? 'zan-actionsheet__btn--loading' : '' }}">
-        <view class="zan-actionsheet__name">{{ item.name }}</view>
+      <view class="van-actionsheet__btn-content {{ item.loading ? 'van-actionsheet__btn--loading' : '' }}">
+        <view class="van-actionsheet__name">{{ item.name }}</view>
         <view
           wx:if="{{ item.subname }}"
-          class="zan-actionsheet__subname">
+          class="van-actionsheet__subname">
           {{ item.subname }}
         </view>
       </view>
-    </zan-btn>
+    </van-btn>
 
     <!-- 关闭按钮 -->
     <view
       wx:if="{{ cancelText }}"
-      class="zan-actionsheet__footer"
+      class="van-actionsheet__footer"
     >
-      <zan-btn
-        custom-class="zan-actionsheet__btn"
+      <van-btn
+        custom-class="van-actionsheet__btn"
         catchtap="cancelClick"
-      >{{ cancelText }}</zan-btn>
+      >{{ cancelText }}</van-btn>
     </view>
   </view>
 </view>
diff --git a/packages/badge/README.md b/packages/badge/README.md
index d31f30a6..1003af87 100644
--- a/packages/badge/README.md
+++ b/packages/badge/README.md
@@ -5,7 +5,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-badge": "path/to/vant-weapp/dist/badge/index"
+    "van-badge": "path/to/vant-weapp/dist/badge/index"
   }
 }
 ```
@@ -15,19 +15,19 @@
 #### 基础用法
 ```html
 <view class="badge-container">
-  <zan-badge>10</zan-badge>
+  <van-badge>10</van-badge>
 </view>
 ```
 
 #### 自定义参数
 ```html
 <view class="badge-container">
-  <zan-badge
+  <van-badge
     color="{{ color }}"
     background-color="{{ backgroundColor }}"
     font-size="{{ fontSize }}"
     box-shadow="{{ boxShadow }}"
-  >10</zan-badge>
+  >10</van-badge>
 </view>
 ```
 
diff --git a/packages/badge/index.pcss b/packages/badge/index.pcss
index 8ede3dc7..24b767dc 100644
--- a/packages/badge/index.pcss
+++ b/packages/badge/index.pcss
@@ -1,7 +1,7 @@
-.zan-badge {
+.van-badge {
   position: relative;
 }
-.zan-badge__text {
+.van-badge__text {
   position: absolute;
   top: -0.8em;
   right: 0px;
diff --git a/packages/badge/index.wxml b/packages/badge/index.wxml
index 322f1ba7..31b18476 100644
--- a/packages/badge/index.wxml
+++ b/packages/badge/index.wxml
@@ -1,6 +1,6 @@
-<view class="zan-badge">
+<view class="van-badge">
   <view
-    class="zan-badge__text"
+    class="van-badge__text"
     style="color: {{ color }}; background-color: {{ backgroundColor }};font-size: {{ fontSize * 2 }}px; box-shadow: {{ boxShadow }};"
   >
     <slot></slot>
diff --git a/packages/btn/README.md b/packages/btn/README.md
index fa3ea4bb..c2b946a3 100644
--- a/packages/btn/README.md
+++ b/packages/btn/README.md
@@ -4,7 +4,7 @@
 在 json 文件中配置button组件
 ```json
 "usingComponents": {
-  "zan-button": "path/to/vant-weapp/dist/btn/index"
+  "van-button": "path/to/vant-weapp/dist/btn/index"
 }
 ```
 
@@ -12,57 +12,57 @@
 
 #### 基础用法
 ```html
-<zan-button>取消订单</zan-button>
+<van-button>取消订单</van-button>
 ```
 
 #### 按钮类型
 按钮支持额外的三种类型 primary, danger, warn
 ```html
-<zan-button type="primary">确认付款</zan-button>
-<zan-button type="danger">确认付款</zan-button>
-<zan-button type="warn">确认付款</zan-button>
+<van-button type="primary">确认付款</van-button>
+<van-button type="danger">确认付款</van-button>
+<van-button type="warn">确认付款</van-button>
 ```
 
 #### 按钮大小
 按钮支持额外三种大小 large, small, mini
 ```html
-<zan-button size="large">确认付款</zan-button>
-<zan-button size="small">取消订单</zan-button>
-<zan-button size="mini">确认付款</zan-button>
+<van-button size="large">确认付款</van-button>
+<van-button size="small">取消订单</van-button>
+<van-button size="mini">确认付款</van-button>
 ```
 
 #### 其他
 按钮镂空状态
 ```html
-<zan-button plain>确认付款</zan-button>
+<van-button plain>确认付款</van-button>
 ```
 
 按钮加载状态
 ```html
-<zan-button loading>确认付款</zan-button>
+<van-button loading>确认付款</van-button>
 ```
 
 按钮禁用状态
 ```html
-<zan-button disabled>确认付款</zan-button>
+<van-button disabled>确认付款</van-button>
 ```
 
 ### 配合 button-group 使用
-通过配合 zan-button-group 使用，可以让按钮之间自动有合适的间距出现，使用方式如下
+通过配合 van-button-group 使用，可以让按钮之间自动有合适的间距出现，使用方式如下
 
 1.在 json 文件中配置 button-group 组件
 ```json
 "usingComponents": {
-  "zan-button": "path/to/vant-weapp/dist/btn/index",
-  "zan-button-group": "path/to/vant-weapp/dist/btn-group/index"
+  "van-button": "path/to/vant-weapp/dist/btn/index",
+  "van-button-group": "path/to/vant-weapp/dist/btn-group/index"
 }
 ```
 2.在 wxml 中直接引入
 ```html
-<zan-button-group>
-  <zan-button>确认付款</zan-button>
-  <zan-button>再考虑下</zan-button>
-</zan-button-group>
+<van-button-group>
+  <van-button>确认付款</van-button>
+  <van-button>再考虑下</van-button>
+</van-button-group>
 ```
 
 ![](https://img.yzcdn.cn/public_files/2017/02/08/1b1e39ed3dc6b63519a68ba1e2650cfc.png)
diff --git a/packages/btn/index.pcss b/packages/btn/index.pcss
index 9f9d0099..f4f4d963 100644
--- a/packages/btn/index.pcss
+++ b/packages/btn/index.pcss
@@ -1,6 +1,6 @@
 @import "../common/_mixins";
 
-.zan-btn {
+.van-btn {
   position: relative;
   color: #333;
   background-color: #fff;
@@ -17,18 +17,18 @@
   overflow: visible;
 }
 
-.zan-btn--group {
+.van-btn--group {
   margin-bottom: 10px;
 }
 
-.zan-btn::after {
+.van-btn::after {
   @mixin hairline;
   border-width: 1px;
   border-radius: 4px;
 }
 
 /* type */
-.zan-btn--primary {
+.van-btn--primary {
   color: #fff;
   background-color: #4b0;
 
@@ -37,7 +37,7 @@
   }
 }
 
-.zan-btn--warn {
+.van-btn--warn {
   color: #fff;
   background-color: #f85;
 
@@ -46,7 +46,7 @@
   }
 }
 
-.zan-btn--danger {
+.van-btn--danger {
   color: #fff;
   background-color: #f44;
 
@@ -56,19 +56,19 @@
 }
 
 /* size */
-.zan-btn--small {
+.van-btn--small {
   display: inline-block;
   height: 30px;
   line-height: 30px;
   font-size: 12px;
   /* margin-right: 5px; */
 }
-.zan-btn--small.zan-btn--group {
+.van-btn--small.van-btn--group {
   margin-bottom: 0;
   margin-right: 5px;
 }
 
-.zan-btn--mini {
+.van-btn--mini {
   display: inline-block;
   line-height: 21px;
   height: 22px;
@@ -77,32 +77,32 @@
   padding-left: 5px;
   padding-right: 5px;
 }
-.zan-btn--mini.zan-btn--group {
+.van-btn--mini.van-btn--group {
   margin-bottom: 0;
   margin-right: 5px;
 }
 
-.zan-btn--large {
+.van-btn--large {
   border-radius: 0;
   border: none;
   line-height: 50px;
   height: 50px;
 }
-.zan-btn--large.zan-btn--group {
+.van-btn--large.van-btn--group {
   margin-bottom: 0;
 }
 
 /* plain */
-.zan-btn--plain.zan-btn {
+.van-btn--plain.van-btn {
   background-color: transparent;
 }
-.zan-btn--plain.zan-btn--primary {
+.van-btn--plain.van-btn--primary {
   color: #06BF04;
 }
-.zan-btn--plain.zan-btn--warn {
+.van-btn--plain.van-btn--warn {
   color: #FF6600;
 }
-.zan-btn--plain.zan-btn--danger {
+.van-btn--plain.van-btn--danger {
   color: #FF4444;
 }
 
@@ -112,11 +112,11 @@
 }
 
 /* loading */
-.zan-btn--loading {
+.van-btn--loading {
   color: transparent;
   opacity: 1;
 }
-.zan-btn--loading::before {
+.van-btn--loading::before {
   position: absolute;
   left: 50%;
   top: 50%;
@@ -132,9 +132,9 @@
   animation: btn-spin 0.6s linear;
   animation-iteration-count: infinite;
 }
-.zan-btn--primary.zan-btn--loading::before,
-.zan-btn--warn.zan-btn--loading::before,
-.zan-btn--danger.zan-btn--loading::before {
+.van-btn--primary.van-btn--loading::before,
+.van-btn--warn.van-btn--loading::before,
+.van-btn--danger.van-btn--loading::before {
   border-color: #fff rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
 }
 
@@ -148,7 +148,7 @@
 }
 
 /* disabled */
-.zan-btn.zan-btn--disabled {
+.van-btn.van-btn--disabled {
   /* 防止样式被 button[disabled] 的规则覆盖，所以使用了important */
   color: #999 ! important;
   background: #f8f8f8 ! important;
@@ -162,7 +162,7 @@
 }
 
 /* :last-child */
-.zan-btn--group.zan-btn--last {
+.van-btn--group.van-btn--last {
   margin-bottom: 0;
   margin-right: 0;
 }
diff --git a/packages/btn/index.wxml b/packages/btn/index.wxml
index 13d69d79..4ad687b9 100644
--- a/packages/btn/index.wxml
+++ b/packages/btn/index.wxml
@@ -1,5 +1,5 @@
 <button
-  class="custom-class theme-class zan-btn {{ inGroup ? 'zan-btn--group' : '' }} {{ isLast ? 'zan-btn--last' : '' }} {{size ? 'zan-btn--'+size : ''}} {{size === 'mini' ? 'zan-btn--plain' : ''}} {{plain ? 'zan-btn--plain' : ''}} {{type ? 'zan-btn--'+type : ''}} {{loading ? 'zan-btn--loading' : ''}} {{disabled ? 'zan-btn--disabled' : ''}}"
+  class="custom-class theme-class van-btn {{ inGroup ? 'van-btn--group' : '' }} {{ isLast ? 'van-btn--last' : '' }} {{size ? 'van-btn--'+size : ''}} {{size === 'mini' ? 'van-btn--plain' : ''}} {{plain ? 'van-btn--plain' : ''}} {{type ? 'van-btn--'+type : ''}} {{loading ? 'van-btn--loading' : ''}} {{disabled ? 'van-btn--disabled' : ''}}"
   disabled="{{ disabled }}"
   hover-class="button-hover"
   open-type="{{ openType }}"
diff --git a/packages/capsule/README.md b/packages/capsule/README.md
index 806a4c96..c6812a2e 100644
--- a/packages/capsule/README.md
+++ b/packages/capsule/README.md
@@ -5,7 +5,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-capsule": "path/to/vant-weapp/dist/capsule/index"
+    "van-capsule": "path/to/vant-weapp/dist/capsule/index"
   }
 }
 ```
@@ -13,7 +13,7 @@
 ### 代码演示
 Panel 提供了一块白色的展示区域，使用方式如下
 ```html
-<zan-capsule color="#38f" leftText="1折扣" rightText="限购一份" />
+<van-capsule color="#38f" leftText="1折扣" rightText="限购一份" />
 ```
 | 参数       | 说明      | 类型       | 默认值       | 必须      |
 |-----------|-----------|-----------|-------------|-------------|
diff --git a/packages/capsule/index.pcss b/packages/capsule/index.pcss
index 0467e5c9..9029d545 100644
--- a/packages/capsule/index.pcss
+++ b/packages/capsule/index.pcss
@@ -1,39 +1,39 @@
-.zan-capsule {
+.van-capsule {
   display: inline-block;
   font-size: 12px;
   vertical-align: middle;
   line-height: 19px;
   transform: scale(0.83);
 }
-.zan-capsule__left,
-.zan-capsule__right {
+.van-capsule__left,
+.van-capsule__right {
   display: inline-block;
   line-height: 17px;
   height: 19px;
   vertical-align: middle;
   box-sizing: border-box;
 }
-.zan-capsule__left {
+.van-capsule__left {
   padding: 0 2px;
   color: #FFF;
   background: #999;
   border-radius: 2px 0 0 2px;
   border: 1rpx solid #999;
 }
-.zan-capsule__right {
+.van-capsule__right {
   padding: 0 5px;
   color: #999;
   border-radius: 0 2px 2px 0;
   border: 1rpx solid #999;
 }
 
-.zan-capsule--danger .zan-capsule__left {
+.van-capsule--danger .van-capsule__left {
   color: #FFF;
   background: #F24544;
   border-color: #F24544;
 }
 
-.zan-capsule--danger .zan-capsule__right {
+.van-capsule--danger .van-capsule__right {
   color: #F24544;
   border-color: #F24544;
 }
diff --git a/packages/capsule/index.wxml b/packages/capsule/index.wxml
index 68f3c1c3..f5026813 100644
--- a/packages/capsule/index.wxml
+++ b/packages/capsule/index.wxml
@@ -1,17 +1,17 @@
-<view class="custom-class zan-capsule zan-capsule--{{type}}">
+<view class="custom-class van-capsule van-capsule--{{type}}">
   <block wx:if="{{color}}">
     <view
-      class="zan-capsule__left"
+      class="van-capsule__left"
       style="background: {{ color }}; border-color: {{ color }}"
     >{{ leftText }}</view>
     <view
-      class="zan-capsule__right"
+      class="van-capsule__right"
       style="color: {{ color }}; border-color: {{ color }}"
     >{{ rightText }}</view>
   </block>
   <block wx:else>
-    <view class="zan-capsule__left">{{ leftText }}</view>
-    <view class="zan-capsule__right">{{ rightText }}</view>
+    <view class="van-capsule__left">{{ leftText }}</view>
+    <view class="van-capsule__right">{{ rightText }}</view>
   </block>
 </view>
 
diff --git a/packages/card/README.md b/packages/card/README.md
index efdfe286..fdc66c3a 100644
--- a/packages/card/README.md
+++ b/packages/card/README.md
@@ -5,7 +5,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-card": "path/to/vant-weapp/dist/card/index"
+    "van-card": "path/to/vant-weapp/dist/card/index"
   }
 }
 ```
@@ -15,7 +15,7 @@
 卡片可以用于左侧图片，右侧描述信息的展示。默认是商品相关内容的展示，需要展示其他内容可以使用自定义slot。
 
 ```html
-<zan-card
+<van-card
   card-class="test-card"
   thumb="https://img.yzcdn.cn/upload_files/2016/11/25/FpqPXlrMRjKwJs8VdTu3ZDJCj4j5.jpeg?imageView2/2/w/200/h/200/q/90/format/jpeg"
   price="999.99"
@@ -24,22 +24,22 @@
   desc="3000克 50%"
   status="已发货"
 >
-</zan-card>
+</van-card>
 ```
 
 #### 使用slot
-`zan-card` 由 `zan-card__thumb` 和 `zan-card__detail` 组成。分别负责左侧图片展示和右侧内容区域展示。两部分内容可以使用slot进行替换。
+`van-card` 由 `van-card__thumb` 和 `van-card__detail` 组成。分别负责左侧图片展示和右侧内容区域展示。两部分内容可以使用slot进行替换。
 
 ```html
-<zan-card
+<van-card
   card-class="test-card"
   useDetailSlot="{{ true }}"
 >
   <!-- 右侧详情 -->
-  <view slot="detail-slot" class="zan-card__detail">
+  <view slot="detail-slot" class="van-card__detail">
     我是标题
   </view>
-</zan-card>
+</van-card>
 ```
 
 ### API
diff --git a/packages/card/index.pcss b/packages/card/index.pcss
index 04847ed9..5df7f85c 100644
--- a/packages/card/index.pcss
+++ b/packages/card/index.pcss
@@ -1,7 +1,7 @@
 @import "../color/index.pcss";
 @import "../helper/index.pcss";
 
-.zan-card {
+.van-card {
   display: flex;
   margin-left: 0px;
   padding: 5px 15px;
@@ -10,7 +10,7 @@
   font-size: 14px;
 }
 
-.zan-card__thumb {
+.van-card__thumb {
   width: 90px;
   height: 90px;
   position: relative;
@@ -20,7 +20,7 @@
   background-size: cover;
 }
 
-.zan-card__img {
+.van-card__img {
   position: absolute;
   top: 0;
   left: 0;
@@ -32,24 +32,24 @@
   max-height: 100%;
 }
 
-.zan-card__detail {
+.van-card__detail {
   flex: 1;
   margin-left: 10px;
   position: relative;
 }
 
-.zan-card__detail-row {
+.van-card__detail-row {
   overflow: hidden;
   line-height: 20px;
   min-height: 20px;
   margin-bottom: 3px;
 }
 
-.zan-card__right-col {
+.van-card__right-col {
   float: right;
 }
 
-.zan-card__left-col {
+.van-card__left-col {
   margin-right: 80px;
 }
 
diff --git a/packages/card/index.wxml b/packages/card/index.wxml
index 4ebc401f..5f616f22 100644
--- a/packages/card/index.wxml
+++ b/packages/card/index.wxml
@@ -1,32 +1,32 @@
-<view class="card-class zan-card">
+<view class="card-class van-card">
   <!-- 左侧图片 -->
   
-  <view class="thumb-class zan-card__thumb">
-    <image class="zan-card__img"
+  <view class="thumb-class van-card__thumb">
+    <image class="van-card__img"
       src="{{ thumb }}"
       mode="aspectFit"
     ></image>
   </view>
   <!-- 右侧详情 -->
-  <view class="zan-card__detail">
+  <view class="van-card__detail">
     <slot wx:if="{{ useDetailSlot }}" name="detail-slot"></slot>
     <block wx:else>
-      <view class="zan-card__detail-row">
-        <view class="zan-card__right-col">¥ {{ price }}</view>
-        <view class="zan-card__left-col zan-ellipsis--l2">
+      <view class="van-card__detail-row">
+        <view class="van-card__right-col">¥ {{ price }}</view>
+        <view class="van-card__left-col van-ellipsis--l2">
           {{ title }}
         </view>
       </view>
 
-      <view class="zan-card__detail-row zan-c-gray-darker">
-        <view wx:if="{{ num }}" class="zan-card__right-col">x {{ num }}</view>
-        <view wx:if="{{ desc }}" class="zan-card__left-col">
+      <view class="van-card__detail-row van-c-gray-darker">
+        <view wx:if="{{ num }}" class="van-card__right-col">x {{ num }}</view>
+        <view wx:if="{{ desc }}" class="van-card__left-col">
           {{ desc }}
         </view>
       </view>
 
-      <view wx:if="{{ status }}" class="zan-card__detail-row">
-        <view class="zan-card__left-col zan-c-red">{{ status }}</view>
+      <view wx:if="{{ status }}" class="van-card__detail-row">
+        <view class="van-card__left-col van-c-red">{{ status }}</view>
       </view>
     </block>
   </view>
diff --git a/packages/cell/README.md b/packages/cell/README.md
index 9b5c031e..acec7052 100644
--- a/packages/cell/README.md
+++ b/packages/cell/README.md
@@ -6,13 +6,13 @@
 ```json
   {
     "usingComponents": {
-      "zan-cell": "path/to/vant-weapp/dist/cell/index",
+      "van-cell": "path/to/vant-weapp/dist/cell/index",
     }
   }
 ```
 
 ```wxml
-  <zan-cell title="单行列表" label="附加描述" value="详细信息"></zan-cell>
+  <van-cell title="单行列表" label="附加描述" value="详细信息"></van-cell>
 ```
 
 ### 属性与事件
@@ -49,25 +49,25 @@
 ```json
   {
     "usingComponents": {
-      "zan-cell": "path/to/vant-weapp/dist/cell/index",
-      "zan-cell-group": "path/to/vant-weapp/dist/cell-group/index"
+      "van-cell": "path/to/vant-weapp/dist/cell/index",
+      "van-cell-group": "path/to/vant-weapp/dist/cell-group/index"
     }
   }
 ```
 
 `cell-group`提供`title-width`控制组内整体 cell 的 title 区域宽度
 ```wxml
-<zan-cell-group border title-width="90">
-    <zan-cell title="只显示箭头" is-link></zan-cell>
-    <zan-cell title="跳转到首页" is-link url="/pages/dashboard/index"></zan-cell>
-    <zan-cell title="单行列表" label="附加描述" value="详细信息"></zan-cell>
-    <zan-cell title="表单">
+<van-cell-group border title-width="90">
+    <van-cell title="只显示箭头" is-link></van-cell>
+    <van-cell title="跳转到首页" is-link url="/pages/dashboard/index"></van-cell>
+    <van-cell title="单行列表" label="附加描述" value="详细信息"></van-cell>
+    <van-cell title="表单">
 		<input slot="footer" type="digit" placeholder="带小数点的数字键盘"/>
-	</zan-cell>
-    <zan-cell title="开关">
+	</van-cell>
+    <van-cell title="开关">
     	<switch slot="footer" checked/>
-    </zan-cell>
-</zan-cell-group>
+    </van-cell>
+</van-cell-group>
 ```
 
 ### 属性与事件
diff --git a/packages/cell/index.pcss b/packages/cell/index.pcss
index 0927b24b..d1b44e0d 100644
--- a/packages/cell/index.pcss
+++ b/packages/cell/index.pcss
@@ -1,6 +1,6 @@
 @import "../common/_mixins";
 
-.zan-cell {
+.van-cell {
   position: relative;
   padding: 12px 15px;
   display: flex;
@@ -55,15 +55,15 @@
   &__no-pading{
     padding: 0;
 
-    .zan-cell__bd_padding {
+    .van-cell__bd_padding {
       padding: 12px 0 12px 15px;
 
-      .zan-form__input{
+      .van-form__input{
         height: 26px;
       }
     }
 
-    .zan-cell__ft_padding {
+    .van-cell__ft_padding {
       padding: 12px 15px 12px 0;
     }
   }
@@ -75,11 +75,11 @@
 }
 
 
-.zan-cell--access .zan-cell__ft {
+.van-cell--access .van-cell__ft {
   padding-right: 13px;
 }
 
-.zan-cell--access .zan-cell__ft::after {
+.van-cell--access .van-cell__ft::after {
   position: absolute;
   top: 50%;
   right: 2px;
@@ -92,7 +92,7 @@
   border-style: solid;
   transform: translateY(-50%) matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
 }
-.zan-cell--switch {
+.van-cell--switch {
   padding-top: 6px;
   padding-bottom: 6px;
 }
diff --git a/packages/cell/index.wxml b/packages/cell/index.wxml
index dd7bc431..820bb76f 100644
--- a/packages/cell/index.wxml
+++ b/packages/cell/index.wxml
@@ -1,22 +1,22 @@
 <view 
   catchtap="cellTap"
-  class="cell-class zan-cell {{ isLastCell ? 'last-cell' : '' }} {{ isLink ? 'zan-cell--access' : '' }} {{  noBorder ? 'no-border' : ''}}"
+  class="cell-class van-cell {{ isLastCell ? 'last-cell' : '' }} {{ isLink ? 'van-cell--access' : '' }} {{  noBorder ? 'no-border' : ''}}"
 >
 
-  <view class="zan-cell__icon">
+  <view class="van-cell__icon">
     <slot name="icon"></slot>
   </view>
 
-  <view class="title-class zan-cell__title" style="width: {{ titleWidth }}">
-    <view wx:if="{{ title }}" class="zan-cell__text">{{ title }}</view>
-    <view wx:if="{{ label }}" class="zan-cell__desc">{{ label }}</view>
+  <view class="title-class van-cell__title" style="width: {{ titleWidth }}">
+    <view wx:if="{{ title }}" class="van-cell__text">{{ title }}</view>
+    <view wx:if="{{ label }}" class="van-cell__desc">{{ label }}</view>
   </view>
 
-  <view class="zan-cell__bd">
+  <view class="van-cell__bd">
     <slot></slot>
   </view>
 
-  <view bindtap="footerTap" class="zan-cell__ft">
+  <view bindtap="footerTap" class="van-cell__ft">
     <block wx:if="{{value}}">{{ value }}</block>
     <block wx:else>
       <slot name="footer"></slot>
diff --git a/packages/checkbox-group/index.pcss b/packages/checkbox-group/index.pcss
index 099d5e19..2c698c13 100644
--- a/packages/checkbox-group/index.pcss
+++ b/packages/checkbox-group/index.pcss
@@ -2,6 +2,6 @@
   padding-bottom: 10px;
   background-color: #fff;
 }
-.checkbox-group .zan-checkbox {
+.checkbox-group .van-checkbox {
   margin-top: 10px;
 }
diff --git a/packages/checkbox/README.md b/packages/checkbox/README.md
index c8c48c41..159ec46a 100644
--- a/packages/checkbox/README.md
+++ b/packages/checkbox/README.md
@@ -5,7 +5,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-checkbox": "/packages/checkbox/index"
+    "van-checkbox": "/packages/checkbox/index"
   }
 }
 ```
@@ -15,45 +15,45 @@
 #### 基础用法
 
 ```html
-<zan-checkbox
+<van-checkbox
   checkbox-class="checkbox-demo"
   bindchange="handleCheckboxChange"
->复选框</zan-checkbox>
+>复选框</van-checkbox>
 ```
 
 #### 基础用法
 
 ```html
-<zan-checkbox
+<van-checkbox
   checkbox-class="checkbox-demo"
   bindchange="handleCheckboxChange"
->复选框</zan-checkbox>
+>复选框</van-checkbox>
 ```
 
 #### 禁用状态
 
 ```html
-<zan-checkbox
+<van-checkbox
   checkbox-class="checkbox-demo"
   disabled
   checked="{{ true }}"
->复选框</zan-checkbox>
+>复选框</van-checkbox>
 ```
 
 #### 禁用内容部分点击事件
 
 ```html
-<zan-checkbox
+<van-checkbox
   checkbox-class="checkbox-demo"
   label-disabled
->复选框</zan-checkbox>
+>复选框</van-checkbox>
 ```
 
 #### Checkbox组
 
 ```html
-<zan-checkbox-group>
-  <zan-checkbox
+<van-checkbox-group>
+  <van-checkbox
     wx:for="{{ items }}"
     wx:for-item="item"
     wx:for-index="index"
@@ -61,8 +61,8 @@
     checked="{{ item.checked }}"
     data-index="{{ index }}"
     bindchange="handleCheckboxChange"
-  >复选框 {{ item.name }}</zan-checkbox>
-</zan-checkbox-group>
+  >复选框 {{ item.name }}</van-checkbox>
+</van-checkbox-group>
 ```
 
 ```js
@@ -80,9 +80,9 @@ Page({
 #### 列表模式
 
 ```html
-<zan-checkbox type="list">复选框 a</zan-checkbox>
-<zan-checkbox type="list">复选框 b</zan-checkbox>
-<zan-checkbox type="list">复选框 c</zan-checkbox>
+<van-checkbox type="list">复选框 a</van-checkbox>
+<van-checkbox type="list">复选框 b</van-checkbox>
+<van-checkbox type="list">复选框 c</van-checkbox>
 ```
 
 ### 参数
diff --git a/packages/checkbox/index.json b/packages/checkbox/index.json
index fc0d0bf9..0a336c08 100644
--- a/packages/checkbox/index.json
+++ b/packages/checkbox/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-icon": "../icon/index"
+    "van-icon": "../icon/index"
   }
 }
diff --git a/packages/checkbox/index.pcss b/packages/checkbox/index.pcss
index 513bb7a8..00fbdf0b 100644
--- a/packages/checkbox/index.pcss
+++ b/packages/checkbox/index.pcss
@@ -1,4 +1,4 @@
-.zan-checkbox {
+.van-checkbox {
     display: inline-block;
     padding: 0 10px;
     font-size: 14px;
@@ -13,7 +13,7 @@
         padding: 10px 10px 10px 0;
         margin-left: 10px;
         border-bottom: 1px solid #e5e5e5;
-        .zan-checkbox__icon {
+        .van-checkbox__icon {
             float: right;
         }
     }
@@ -23,11 +23,11 @@
         align-items: center;
         color: #aaa;
 
-        &.zan-checkbox--checked {
+        &.van-checkbox--checked {
             color: #06bf04;
         }
 
-        &.zan-checkbox--disabled {
+        &.van-checkbox--disabled {
             color: #e5e5e5;
         }
     }
diff --git a/packages/checkbox/index.wxml b/packages/checkbox/index.wxml
index bba78662..311ccbb9 100644
--- a/packages/checkbox/index.wxml
+++ b/packages/checkbox/index.wxml
@@ -1,13 +1,13 @@
 <view
-  class="checkbox-class zan-checkbox {{ isInGroup ? 'zan-checkbox__item' : ''}} {{ type === 'list' ? 'zan-checkbox__list-item' : ''}}"
+  class="checkbox-class van-checkbox {{ isInGroup ? 'van-checkbox__item' : ''}} {{ type === 'list' ? 'van-checkbox__list-item' : ''}}"
   bindtap="{{ labelDisabled ? '' : 'handleClick' }}"
   >
-  <zan-icon
+  <van-icon
     type="{{ checked ? 'checked' : 'check'}}"
-    class="zan-checkbox__icon {{ disabled ? 'zan-checkbox--disabled' : '' }} {{ checked ? 'zan-checkbox--checked' : '' }}"
+    class="van-checkbox__icon {{ disabled ? 'van-checkbox--disabled' : '' }} {{ checked ? 'van-checkbox--checked' : '' }}"
     bindtap="{{ labelDisabled ? 'handleClick': '' }}"
-  ></zan-icon>
-  <text class="zan-checkbox__label">
+  ></van-icon>
+  <text class="van-checkbox__label">
     <slot></slot>
   </text>
 </view>
diff --git a/packages/col/index.pcss b/packages/col/index.pcss
index 217cb782..4b37377f 100644
--- a/packages/col/index.pcss
+++ b/packages/col/index.pcss
@@ -1,10 +1,10 @@
-.zan-col {
+.van-col {
   float: left;
   box-sizing: border-box;
   width: 0;
 }
 
 @for $i from 1 to 24 {
-  .zan-col-$i { width: calc($i * 100% / 24); }
-  .zan-col-offset-$i { margin-left: calc($i * 100% / 24); }
+  .van-col-$i { width: calc($i * 100% / 24); }
+  .van-col-offset-$i { margin-left: calc($i * 100% / 24); }
 }
diff --git a/packages/col/index.wxml b/packages/col/index.wxml
index 2be191c3..22eee8f3 100644
--- a/packages/col/index.wxml
+++ b/packages/col/index.wxml
@@ -1 +1 @@
-  <view class="col-class zan-col {{ col ? 'zan-col-' + col : '' }} {{ offset ? 'zan-col-offset-' + offset : '' }}"><slot></slot></view>
+  <view class="col-class van-col {{ col ? 'van-col-' + col : '' }} {{ offset ? 'van-col-offset-' + offset : '' }}"><slot></slot></view>
diff --git a/packages/color/index.pcss b/packages/color/index.pcss
index 3ef52178..bde0591a 100644
--- a/packages/color/index.pcss
+++ b/packages/color/index.pcss
@@ -1,29 +1,29 @@
 @import '../common/_var';
 
-.zan-c-red {
+.van-c-red {
   color: $red !important;
 }
 
-.zan-c-gray {
+.van-c-gray {
   color: $gray !important;
 }
 
-.zan-c-gray-dark {
+.van-c-gray-dark {
   color: $gray-dark !important;
 }
 
-.zan-c-gray-darker {
+.van-c-gray-darker {
   color: $gray-darker !important;
 }
 
-.zan-c-black {
+.van-c-black {
   color: $text-color !important;
 }
 
-.zan-c-blue {
+.van-c-blue {
   color: $blue !important;
 }
 
-.zan-c-green {
+.van-c-green {
   color: $green !important;
 }
diff --git a/packages/datetime-picker/README.md b/packages/datetime-picker/README.md
index 239c98f9..d898cec3 100644
--- a/packages/datetime-picker/README.md
+++ b/packages/datetime-picker/README.md
@@ -8,15 +8,15 @@
 ```json
 {
   "usingComponents": {
-    "zan-date-picker": "path/to/vant-weapp/dist/datetime-picker/index"
+    "van-date-picker": "path/to/vant-weapp/dist/datetime-picker/index"
   }
 }
 ```
 
 ### 代码演示
-可以在任意位置上使用 zan-date-picker 标签。
+可以在任意位置上使用 van-date-picker 标签。
 ```wxml
-<zan-date-picker
+<van-date-picker
   bindchange="change"
   bindcancel="cancel"
   placeholder="请选择一个时间"
diff --git a/packages/dialog/README.md b/packages/dialog/README.md
index ace791bc..c405d6ab 100644
--- a/packages/dialog/README.md
+++ b/packages/dialog/README.md
@@ -5,14 +5,14 @@
 ```json
 {
   "usingComponents": {
-    "zan-dialog": "path/to/vant-weapp/dist/dialog/index"
+    "van-dialog": "path/to/vant-weapp/dist/dialog/index"
   }
 }
 ```
 
 在需要使用的页面里引入组件库模板和脚本
 ```html
-<zan-dialog id="zan-dialog-test"></zan-dialog>
+<van-dialog id="van-dialog-test"></van-dialog>
 ```
 ```js
 const Dialog = require('path/to/vant-weapp/dist/dialog/dialog');
@@ -24,7 +24,7 @@ Page({
     Dialog({
       title: '',
       message: '',
-      selector: '#zan-dialog-test'
+      selector: '#van-dialog-test'
     }).then((res) => {
       console.log(res);
     })
diff --git a/packages/dialog/data.js b/packages/dialog/data.js
index 34aefae4..14f9f44d 100644
--- a/packages/dialog/data.js
+++ b/packages/dialog/data.js
@@ -4,7 +4,7 @@ module.exports = {
   // 内容
   message: ' ',
   // 选择节点
-  selector: '#zan-dialog',
+  selector: '#van-dialog',
   // 按钮是否展示为纵向
   buttonsShowVertical: false,
   // 是否展示确定
diff --git a/packages/dialog/index.js b/packages/dialog/index.js
index 7ed18af7..9c617696 100644
--- a/packages/dialog/index.js
+++ b/packages/dialog/index.js
@@ -13,7 +13,7 @@ Component({
     // 内容
     message: ' ',
     // 选择节点
-    selector: '#zan-dialog',
+    selector: '#van-dialog',
     // 按钮是否展示为纵向
     buttonsShowVertical: false,
     // 是否展示确定
diff --git a/packages/dialog/index.json b/packages/dialog/index.json
index f4d43043..9da4b7bc 100644
--- a/packages/dialog/index.json
+++ b/packages/dialog/index.json
@@ -2,6 +2,6 @@
   "component": true,
   "usingComponents": {
     "pop-manager": "../common/pop-manager/index",
-    "zan-button": "../btn/index"
+    "van-button": "../btn/index"
   } 
 }
diff --git a/packages/dialog/index.pcss b/packages/dialog/index.pcss
index 6e4a69a1..03d2e406 100644
--- a/packages/dialog/index.pcss
+++ b/packages/dialog/index.pcss
@@ -1,7 +1,7 @@
 @import "../common/_mixins";
 
 /* 基础样式 */
-.zan-dialog--container {
+.van-dialog--container {
   width: 80vw;
   font-size: 16px;
   overflow: hidden;
@@ -11,12 +11,12 @@
 }
 
 /* 弹出层内容 */
-.zan-dialog__header {
+.van-dialog__header {
   padding: 15px 0 0;
   text-align: center;
 }
 
-.zan-dialog__content {
+.van-dialog__content {
   position: relative;
   padding: 15px 20px;
   line-height: 1.5;
@@ -29,20 +29,20 @@
 }
 
 /* 在有标题时，需要减弱内容的存在感 */
-.zan-dialog__content--title {
+.van-dialog__content--title {
   color: #999;
   font-size: 14px;
 }
 
-.zan-dialog__footer {
+.van-dialog__footer {
   overflow: hidden;
 }
 
-.zan-dialog__button {
+.van-dialog__button {
   flex: 1;
 }
 
-.zan-dialog__button-inside, .zan-dialog__button-inside--first {
+.van-dialog__button-inside, .van-dialog__button-inside--first {
   margin-bottom: 0;
   line-height: 50px;
   height: 50px;
@@ -54,17 +54,17 @@
 }
 
 /* 水平/垂直布局 */
-.zan-dialog__footer--horizon {
+.van-dialog__footer--horizon {
   display: flex;
 }
 
-.zan-dialog__footer--horizon .zan-dialog__button-inside {
+.van-dialog__footer--horizon .van-dialog__button-inside {
   &::after {
     border-left-width: 1px;
   }
 }
 
-.zan-dialog__footer--vertical .zan-dialog__button-inside {
+.van-dialog__footer--vertical .van-dialog__button-inside {
   &::after {
     border-top-width: 1px;
   }
diff --git a/packages/dialog/index.wxml b/packages/dialog/index.wxml
index 5af903db..e2ff2b53 100644
--- a/packages/dialog/index.wxml
+++ b/packages/dialog/index.wxml
@@ -2,26 +2,26 @@
   show="{{ show }}"
   type="center"
 >
-  <view class="zan-dialog--container">
+  <view class="van-dialog--container">
     <view
       wx:if="{{ title }}"
-      class="zan-dialog__header"
+      class="van-dialog__header"
     >{{ title }}</view>
     <view
-      class="zan-dialog__content {{ title ? 'zan-dialog__content--title' : '' }}"
+      class="van-dialog__content {{ title ? 'van-dialog__content--title' : '' }}"
     >
       <text>{{ message }}</text>
     </view>
     <view
-      class="zan-dialog__footer {{ buttonsShowVertical ? 'zan-dialog__footer--vertical' : 'zan-dialog__footer--horizon' }}"
+      class="van-dialog__footer {{ buttonsShowVertical ? 'van-dialog__footer--vertical' : 'van-dialog__footer--horizon' }}"
     >
       <block
         wx:for="{{ buttons }}"
         wx:key="{{ item.text }}-{{ item.type }}"
       >
-        <zan-button
-          class="zan-dialog__button"
-          custom-class="{{ index === 0 ? 'zan-dialog__button-inside--first' : 'zan-dialog__button-inside' }}"
+        <van-button
+          class="van-dialog__button"
+          custom-class="{{ index === 0 ? 'van-dialog__button-inside--first' : 'van-dialog__button-inside' }}"
           data-type="{{ item.type }}"
           data-open-type="{{ item.openType }}"
           open-type="{{ item.openType }}"
@@ -33,7 +33,7 @@
           <view
             style="color: {{ item.color || '#333' }}"
           >{{ item.text }}</view>
-        </zan-button>
+        </van-button>
       </block>
     </view>
   </view>
diff --git a/packages/field/README.md b/packages/field/README.md
index 1c1b5c2a..d0142d6e 100644
--- a/packages/field/README.md
+++ b/packages/field/README.md
@@ -5,7 +5,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-field": "path/to/vant-weapp/dist/field/index"
+    "van-field": "path/to/vant-weapp/dist/field/index"
   }
 }
 ```
@@ -15,14 +15,14 @@
 #### 基础用法
 field 支持多种展示方式，在 `data` 中传入对应的设置即可。
 ```html
-<zan-field
+<van-field
   title="{{ field.title }}"
   placeholder="{{ field.placeholder }}"
   focus="{{ field.focus }}"
   value="{{ field.value }}"
   bind:change="handleFieldChange"
 >
-</zan-field>
+</van-field>
 ```
 
 ```js
@@ -40,10 +40,10 @@ Page({
 
 #### Field 列表
 ```html
-<zan-cell-group>
-  <zan-field title="姓名"></zan-field>
-  <zan-field title="邮件"></zan-field>
-</zan-cell-group>
+<van-cell-group>
+  <van-field title="姓名"></van-field>
+  <van-field title="邮件"></van-field>
+</van-cell-group>
 ```
 
 #### 监听事件
@@ -51,7 +51,7 @@ Page({
 field会触发一些事件，当你需要监听这些事件时，可以绑定对应的事件。
 
 ```html
-<zan-field
+<van-field
   title="{{ field.title }}"
   placeholder="{{ field.placeholder }}"
   focus="{{ field.focus }}"
@@ -60,7 +60,7 @@ field会触发一些事件，当你需要监听这些事件时，可以绑定对
   bind:focus="handleFieldFocus"
   bind:blur="handleFieldBlur"
 >
-</zan-field>
+</van-field>
 ```
 
 ```js
diff --git a/packages/field/index.json b/packages/field/index.json
index da538052..114b55d6 100644
--- a/packages/field/index.json
+++ b/packages/field/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-cell": "../cell/index"
+    "van-cell": "../cell/index"
   }
 }
\ No newline at end of file
diff --git a/packages/field/index.pcss b/packages/field/index.pcss
index 73436f4e..9a8ec253 100644
--- a/packages/field/index.pcss
+++ b/packages/field/index.pcss
@@ -1,27 +1,27 @@
 @import "../common/_mixins";
 
-.zan-field {
+.van-field {
   display: block;
   position: relative;
   color: #333;
 }
 
-.zan-field::after {
+.van-field::after {
   @mixin hairline;
   border-bottom-width: 1px;
   left: 15px;
   right: 0;
 }
 
-.zan-field--no-border::after {
+.van-field--no-border::after {
   border-bottom-width: 0;
 }
 
-.zan-cell--field {
+.van-cell--field {
   padding: 7px 15px;
 }
 
-.zan-field--wrapped {
+.van-field--wrapped {
   margin: 10px 15px;
   background-color: #fff;
 
@@ -33,26 +33,26 @@
 }
 
 /* 圆角输入框，强制展示边框 */
-.zan-field--wrapped::after {
+.van-field--wrapped::after {
   display: block;
 }
 
-.zan-field--error {
+.van-field--error {
   color: #f40;
 }
 
 /* 圆角输入框出现错误时，将边框也置红 */
-.zan-field--wrapped.zan-field--error::after  {
+.van-field--wrapped.van-field--error::after  {
   border-color: #f40;
 }
 
-.zan-field__title {
+.van-field__title {
   color: #333;
   min-width: 65px;
   padding-right: 10px;
 }
 
-.zan-field__input {
+.van-field__input {
   flex: 1;
   line-height: 1.6;
   padding: 4px 0;
@@ -61,10 +61,10 @@
   font-size: 14px;
 }
 
-.zan-field__placeholder {
+.van-field__placeholder {
   font-size: 14px;
 }
 
-.zan-field__input--right {
+.van-field__input--right {
   text-align: right;
 }
diff --git a/packages/field/index.wxml b/packages/field/index.wxml
index 558e7b3c..9792e9c9 100644
--- a/packages/field/index.wxml
+++ b/packages/field/index.wxml
@@ -1,11 +1,11 @@
-<zan-cell
-  class="field-class zan-field {{ error ? 'zan-field--error' : '' }} {{ mode === 'wrapped' ? 'zan-field--wrapped' : '' }} {{ !showBorder ? 'zan-field--no-border' : '' }}"
-  cell-class="zan-cell--field"
+<van-cell
+  class="field-class van-field {{ error ? 'van-field--error' : '' }} {{ mode === 'wrapped' ? 'van-field--wrapped' : '' }} {{ !showBorder ? 'van-field--no-border' : '' }}"
+  cell-class="van-cell--field"
 >
   <view
     slot="icon"
     wx:if="{{ title }}"
-    class="zan-cell__hd zan-field__title">
+    class="van-cell__hd van-field__title">
     {{ title }}
   </view>
   <textarea
@@ -16,8 +16,8 @@
     value="{{ value }}"
     placeholder="{{ placeholder }}"
     maxlength="{{ maxlength }}"
-    class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
-    placeholder-class="zan-field__placeholder"
+    class="van-field__input van-cell__bd {{ right ? 'van-field__input--right' : '' }}"
+    placeholder-class="van-field__placeholder"
     bindinput="handleFieldChange"
     bindfocus="handleFieldFocus"
     bindblur="handleFieldBlur"
@@ -30,10 +30,10 @@
     value="{{ value }}"
     placeholder="{{ placeholder }}"
     maxlength="{{ maxlength }}"
-    class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
-    placeholder-class="zan-field__placeholder"
+    class="van-field__input van-cell__bd {{ right ? 'van-field__input--right' : '' }}"
+    placeholder-class="van-field__placeholder"
     bindinput="handleFieldChange"
     bindfocus="handleFieldFocus"
     bindblur="handleFieldBlur"
   />
-</zan-cell>
+</van-cell>
diff --git a/packages/helper/README.md b/packages/helper/README.md
index 6b8c4f28..c9ab3799 100644
--- a/packages/helper/README.md
+++ b/packages/helper/README.md
@@ -9,63 +9,63 @@
 ### 代码演示
 直接在元素上增加指定 class 即可
 ```html
-<view class="zan-pull-right">zan-pull-right: 往右靠</view>
+<view class="van-pull-right">van-pull-right: 往右靠</view>
 ```
 
 具体可用类名如下：
 
 **字体大小**
 
-`zan-font-8` 文字以8像素大小展示
+`van-font-8` 文字以8像素大小展示
 
-`zan-font-10` 文字以10像素大小展示
+`van-font-10` 文字以10像素大小展示
 
-`zan-font-12` 文字以12像素大小展示
+`van-font-12` 文字以12像素大小展示
 
-`zan-font-14` 文字以14像素大小展示
+`van-font-14` 文字以14像素大小展示
 
-`zan-font-16` 文字以16像素大小展示
+`van-font-16` 文字以16像素大小展示
 
-`zan-font-18` 文字以18像素大小展示
+`van-font-18` 文字以18像素大小展示
 
-`zan-font-20` 文字以20像素大小展示
+`van-font-20` 文字以20像素大小展示
 
-`zan-font-22` 文字以22像素大小展示
+`van-font-22` 文字以22像素大小展示
 
-`zan-font-24` 文字以24像素大小展示
+`van-font-24` 文字以24像素大小展示
 
-`zan-font-30` 文字以30像素大小展示
+`van-font-30` 文字以30像素大小展示
 
 **字体颜色**
 
-`zan-c-red` 文字以红色展示
+`van-c-red` 文字以红色展示
 
-`zan-c-gray` 文字以浅灰色展示
+`van-c-gray` 文字以浅灰色展示
 
-`zan-c-gray-dark` 文字以灰色展示
+`van-c-gray-dark` 文字以灰色展示
 
-`zan-c-gray-darker` 文字以深灰色展示
+`van-c-gray-darker` 文字以深灰色展示
 
-`zan-c-black` 文字以黑色展示
+`van-c-black` 文字以黑色展示
 
-`zan-c-blue` 文字以蓝色展示
+`van-c-blue` 文字以蓝色展示
 
-`zan-c-green` 文字以绿色展示
+`van-c-green` 文字以绿色展示
 
 **字体样式**
 
-`zan-pull-right` 文字往右靠
+`van-pull-right` 文字往右靠
 
-`zan-text-deleted` 文字显示删除效果
+`van-text-deleted` 文字显示删除效果
 
-`zan-font-bold` 文字加粗显示
+`van-font-bold` 文字加粗显示
 
 **其他**
 
-`zan-arrow` 展示向右侧箭头，以 absolute 布局，需要在外层加上 relative 来定位
+`van-arrow` 展示向右侧箭头，以 absolute 布局，需要在外层加上 relative 来定位
 
-`zan-ellipsis` 文字过长点点点显示
+`van-ellipsis` 文字过长点点点显示
 
-`zan-ellipsis--l2` 文字过长点点点显示，最多显示两行
+`van-ellipsis--l2` 文字过长点点点显示，最多显示两行
 
-`zan-ellipsis--l3` 文字过长点点点显示，最多显示三行
+`van-ellipsis--l3` 文字过长点点点显示，最多显示三行
diff --git a/packages/helper/index.pcss b/packages/helper/index.pcss
index 9059b028..c15d3c8f 100644
--- a/packages/helper/index.pcss
+++ b/packages/helper/index.pcss
@@ -1,63 +1,63 @@
 @import "../common/_mixins";
 @import "../common/_var";
 
-.zan-pull-left {
+.van-pull-left {
   float: left;
 }
 
-.zan-pull-right {
+.van-pull-right {
   float: right;
 }
 
-.zan-center {
+.van-center {
   text-align: center;
 }
 
-.zan-right {
+.van-right {
   text-align: right;
 }
 
-.zan-text-deleted {
+.van-text-deleted {
   text-decoration: line-through;
 }
-.zan-font-8 {
+.van-font-8 {
   font-size: 8px;
 }
-.zan-font-10 {
+.van-font-10 {
   font-size: 10px;
 }
-.zan-font-12 {
+.van-font-12 {
   font-size: 12px;
 }
-.zan-font-14 {
+.van-font-14 {
   font-size: 14px;
 }
-.zan-font-16 {
+.van-font-16 {
   font-size: 16px;
 }
-.zan-font-18 {
+.van-font-18 {
   font-size: 18px;
 }
-.zan-font-20 {
+.van-font-20 {
   font-size: 20px;
 }
-.zan-font-22 {
+.van-font-22 {
   font-size: 22px;
 }
-.zan-font-24 {
+.van-font-24 {
   font-size: 24px;
 }
-.zan-font-26 {
+.van-font-26 {
   font-size: 26px;
 }
-.zan-font-30 {
+.van-font-30 {
   font-size: 30px;
 }
-.zan-font-bold {
+.van-font-bold {
   font-weight: bold;
 }
 
-.zan-arrow {
+.van-arrow {
   position: absolute;
   right: 15px;
   top: 50%;
@@ -70,14 +70,14 @@
   transform: translateY(-50%) matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
 }
 
-.zan-ellipsis {
+.van-ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: normal;
 }
 
-.zan-ellipsis--l2 {
+.van-ellipsis--l2 {
   max-height: 40px;
   line-height: 20px;
   overflow: hidden;
@@ -87,7 +87,7 @@
   -webkit-box-orient: vertical;
 }
 
-.zan-ellipsis--l3 {
+.van-ellipsis--l3 {
   max-height: 60px;
   line-height: 20px;
   overflow: hidden;
@@ -97,16 +97,16 @@
   -webkit-box-orient: vertical;
 }
 
-.zan-clearfix {
+.van-clearfix {
   zoom: 1;
 }
-.zan-clearfix::after {
+.van-clearfix::after {
   content: '';
   display: table;
   clear: both;
 }
 
-.zan-c {
+.van-c {
   &-red {
     color: $red;
   }
@@ -137,7 +137,7 @@
 }
 
 /* 超细边框 */
-.zan-hairline {
+.van-hairline {
   &,
   &--top,
   &--left,
diff --git a/packages/icon/README.md b/packages/icon/README.md
index 9c07c121..c44bb36a 100644
--- a/packages/icon/README.md
+++ b/packages/icon/README.md
@@ -5,15 +5,15 @@
 ```json
 {
   "usingComponents": {
-    "zan-icon": "path/to/vant-weapp/dist/icon/index"
+    "van-icon": "path/to/vant-weapp/dist/icon/index"
   }
 }
 ```
 
 ### 代码演示
-可以在任意位置上使用 zan-icon 标签。通过 type 可以控制 icon 显示的图标
+可以在任意位置上使用 van-icon 标签。通过 type 可以控制 icon 显示的图标
 ```html
-<zan-icon type="success"></zan-icon>
+<van-icon type="success"></van-icon>
 ```
 
 支持的 icon 和 名称 见下图
diff --git a/packages/icon/index.pcss b/packages/icon/index.pcss
index 490738cf..880b6194 100644
--- a/packages/icon/index.pcss
+++ b/packages/icon/index.pcss
@@ -9,10 +9,10 @@
        url('https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.ttf') format('truetype')
 }
 
-.zan-icon {
+.van-icon {
     display: inline-block;
 }
-.zan-icon::before {
+.van-icon::before {
   font-family: "zanui-weapp-icon" !important;
   font-style: normal;
   font-weight: normal;
@@ -46,94 +46,94 @@
 /* DO NOT EDIT! Generated by iconfount */
 
 
-.zan-icon-qr-invalid:before { content: '\e800'; } /* '' */
-.zan-icon-qr:before { content: '\e801'; } /* '' */
-.zan-icon-exchange:before { content: '\e802'; } /* '' */
-.zan-icon-close:before { content: '\e803'; } /* '' */
-.zan-icon-location:before { content: '\e804'; } /* '' */
-.zan-icon-upgrade:before { content: '\e805'; } /* '' */
-.zan-icon-check:before { content: '\e806'; } /* '' */
-.zan-icon-checked:before { content: '\e807'; } /* '' */
-.zan-icon-like-o:before { content: '\e808'; } /* '' */
-.zan-icon-like:before { content: '\e809'; } /* '' */
-.zan-icon-chat:before { content: '\e80a'; } /* '' */
-.zan-icon-shop:before { content: '\e80b'; } /* '' */
-.zan-icon-photograph:before { content: '\e80c'; } /* '' */
-.zan-icon-add:before { content: '\e80d'; } /* '' */
-.zan-icon-minus:before { content: '\e80e'; } /* '' */
-.zan-icon-add2:before { content: '\e80f'; } /* '' */
-.zan-icon-photo:before { content: '\e810'; } /* '' */
-.zan-icon-logistics:before { content: '\e811'; } /* '' */
-.zan-icon-edit:before { content: '\e812'; } /* '' */
-.zan-icon-passed:before { content: '\e813'; } /* '' */
-.zan-icon-cart:before { content: '\e814'; } /* '' */
-.zan-icon-shopping-cart:before { content: '\e815'; } /* '' */
-.zan-icon-arrow:before { content: '\e816'; } /* '' */
-.zan-icon-gift:before { content: '\e817'; } /* '' */
-.zan-icon-search:before { content: '\e818'; } /* '' */
-.zan-icon-clear:before { content: '\e819'; } /* '' */
-.zan-icon-success:before { content: '\e81a'; } /* '' */
-.zan-icon-fail:before { content: '\e81b'; } /* '' */
-.zan-icon-contact:before { content: '\e81c'; } /* '' */
-.zan-icon-wechat:before { content: '\e81d'; } /* '' */
-.zan-icon-alipay:before { content: '\e81e'; } /* '' */
-.zan-icon-password-view:before { content: '\e81f'; } /* '' */
-.zan-icon-password-not-view:before { content: '\e820'; } /* '' */
-.zan-icon-wap-nav:before { content: '\e821'; } /* '' */
-.zan-icon-wap-home:before { content: '\e822'; } /* '' */
-.zan-icon-ecard-pay:before { content: '\e823'; } /* '' */
-.zan-icon-balance-pay:before { content: '\e824'; } /* '' */
-.zan-icon-peer-pay:before { content: '\e825'; } /* '' */
-.zan-icon-credit-pay:before { content: '\e826'; } /* '' */
-.zan-icon-debit-pay:before { content: '\e827'; } /* '' */
-.zan-icon-other-pay:before { content: '\e828'; } /* '' */
-.zan-icon-browsing-history:before { content: '\e829'; } /* '' */
-.zan-icon-goods-collect:before { content: '\e82a'; } /* '' */
-.zan-icon-shop-collect:before { content: '\e82b'; } /* '' */
-.zan-icon-receive-gift:before { content: '\e82c'; } /* '' */
-.zan-icon-send-gift:before { content: '\e82d'; } /* '' */
-.zan-icon-setting:before { content: '\e82e'; } /* '' */
-.zan-icon-points:before { content: '\e82f'; } /* '' */
-.zan-icon-coupon:before { content: '\e830'; } /* '' */
-.zan-icon-free-postage:before { content: '\e831'; } /* '' */
-.zan-icon-discount:before { content: '\e832'; } /* '' */
-.zan-icon-birthday-privilege:before { content: '\e833'; } /* '' */
-.zan-icon-member-day-privilege:before { content: '\e834'; } /* '' */
-.zan-icon-balance-details:before { content: '\e835'; } /* '' */
-.zan-icon-cash-back-record:before { content: '\e836'; } /* '' */
-.zan-icon-points-mall:before { content: '\e837'; } /* '' */
-.zan-icon-exchange-record:before { content: '\e838'; } /* '' */
-.zan-icon-pending-payment:before { content: '\e839'; } /* '' */
-.zan-icon-pending-orders:before { content: '\e83a'; } /* '' */
-.zan-icon-pending-deliver:before { content: '\e83b'; } /* '' */
-.zan-icon-pending-evaluate:before { content: '\e83c'; } /* '' */
-.zan-icon-gift-card-pay:before { content: '\e83d'; } /* '' */
-.zan-icon-cash-on-deliver:before { content: '\e83e'; } /* '' */
-.zan-icon-underway:before { content: '\e83f'; } /* '' */
-.zan-icon-point-gift:before { content: '\e840'; } /* '' */
-.zan-icon-after-sale:before { content: '\e841'; } /* '' */
-.zan-icon-edit-data:before { content: '\e842'; } /* '' */
-.zan-icon-question:before { content: '\e843'; } /* '' */
-.zan-icon-delete:before { content: '\e844'; } /* '' */
-.zan-icon-records:before { content: '\e845'; } /* '' */
-.zan-icon-description:before { content: '\e846'; } /* '' */
-.zan-icon-card:before { content: '\e847'; } /* '' */
-.zan-icon-gift-card:before { content: '\e848'; } /* '' */
-.zan-icon-clock:before { content: '\e849'; } /* '' */
-.zan-icon-gold-coin:before { content: '\e84a'; } /* '' */
-.zan-icon-completed:before { content: '\e84b'; } /* '' */
-.zan-icon-value-card:before { content: '\e84c'; } /* '' */
-.zan-icon-certificate:before { content: '\e84d'; } /* '' */
-.zan-icon-tosend:before { content: '\e84e'; } /* '' */
-.zan-icon-sign:before { content: '\e84f'; } /* '' */
-.zan-icon-home:before { content: '\e850'; } /* '' */
-.zan-icon-phone:before { content: '\e851'; } /* '' */
-.zan-icon-add-o:before { content: '\e852'; } /* '' */
-.zan-icon-minus-o:before { content: '\e853'; } /* '' */
-.zan-icon-play:before { content: '\e854'; } /* '' */
-.zan-icon-pause:before { content: '\e855'; } /* '' */
-.zan-icon-stop:before { content: '\e856'; } /* '' */
-.zan-icon-hot:before { content: '\e857'; } /* '' */
-.zan-icon-new:before { content: '\e858'; } /* '' */
-.zan-icon-new-arrival:before { content: '\e859'; } /* '' */
-.zan-icon-hot-sale:before { content: '\e85a'; } /* '' */
\ No newline at end of file
+.van-icon-qr-invalid:before { content: '\e800'; } /* '' */
+.van-icon-qr:before { content: '\e801'; } /* '' */
+.van-icon-exchange:before { content: '\e802'; } /* '' */
+.van-icon-close:before { content: '\e803'; } /* '' */
+.van-icon-location:before { content: '\e804'; } /* '' */
+.van-icon-upgrade:before { content: '\e805'; } /* '' */
+.van-icon-check:before { content: '\e806'; } /* '' */
+.van-icon-checked:before { content: '\e807'; } /* '' */
+.van-icon-like-o:before { content: '\e808'; } /* '' */
+.van-icon-like:before { content: '\e809'; } /* '' */
+.van-icon-chat:before { content: '\e80a'; } /* '' */
+.van-icon-shop:before { content: '\e80b'; } /* '' */
+.van-icon-photograph:before { content: '\e80c'; } /* '' */
+.van-icon-add:before { content: '\e80d'; } /* '' */
+.van-icon-minus:before { content: '\e80e'; } /* '' */
+.van-icon-add2:before { content: '\e80f'; } /* '' */
+.van-icon-photo:before { content: '\e810'; } /* '' */
+.van-icon-logistics:before { content: '\e811'; } /* '' */
+.van-icon-edit:before { content: '\e812'; } /* '' */
+.van-icon-passed:before { content: '\e813'; } /* '' */
+.van-icon-cart:before { content: '\e814'; } /* '' */
+.van-icon-shopping-cart:before { content: '\e815'; } /* '' */
+.van-icon-arrow:before { content: '\e816'; } /* '' */
+.van-icon-gift:before { content: '\e817'; } /* '' */
+.van-icon-search:before { content: '\e818'; } /* '' */
+.van-icon-clear:before { content: '\e819'; } /* '' */
+.van-icon-success:before { content: '\e81a'; } /* '' */
+.van-icon-fail:before { content: '\e81b'; } /* '' */
+.van-icon-contact:before { content: '\e81c'; } /* '' */
+.van-icon-wechat:before { content: '\e81d'; } /* '' */
+.van-icon-alipay:before { content: '\e81e'; } /* '' */
+.van-icon-password-view:before { content: '\e81f'; } /* '' */
+.van-icon-password-not-view:before { content: '\e820'; } /* '' */
+.van-icon-wap-nav:before { content: '\e821'; } /* '' */
+.van-icon-wap-home:before { content: '\e822'; } /* '' */
+.van-icon-ecard-pay:before { content: '\e823'; } /* '' */
+.van-icon-balance-pay:before { content: '\e824'; } /* '' */
+.van-icon-peer-pay:before { content: '\e825'; } /* '' */
+.van-icon-credit-pay:before { content: '\e826'; } /* '' */
+.van-icon-debit-pay:before { content: '\e827'; } /* '' */
+.van-icon-other-pay:before { content: '\e828'; } /* '' */
+.van-icon-browsing-history:before { content: '\e829'; } /* '' */
+.van-icon-goods-collect:before { content: '\e82a'; } /* '' */
+.van-icon-shop-collect:before { content: '\e82b'; } /* '' */
+.van-icon-receive-gift:before { content: '\e82c'; } /* '' */
+.van-icon-send-gift:before { content: '\e82d'; } /* '' */
+.van-icon-setting:before { content: '\e82e'; } /* '' */
+.van-icon-points:before { content: '\e82f'; } /* '' */
+.van-icon-coupon:before { content: '\e830'; } /* '' */
+.van-icon-free-postage:before { content: '\e831'; } /* '' */
+.van-icon-discount:before { content: '\e832'; } /* '' */
+.van-icon-birthday-privilege:before { content: '\e833'; } /* '' */
+.van-icon-member-day-privilege:before { content: '\e834'; } /* '' */
+.van-icon-balance-details:before { content: '\e835'; } /* '' */
+.van-icon-cash-back-record:before { content: '\e836'; } /* '' */
+.van-icon-points-mall:before { content: '\e837'; } /* '' */
+.van-icon-exchange-record:before { content: '\e838'; } /* '' */
+.van-icon-pending-payment:before { content: '\e839'; } /* '' */
+.van-icon-pending-orders:before { content: '\e83a'; } /* '' */
+.van-icon-pending-deliver:before { content: '\e83b'; } /* '' */
+.van-icon-pending-evaluate:before { content: '\e83c'; } /* '' */
+.van-icon-gift-card-pay:before { content: '\e83d'; } /* '' */
+.van-icon-cash-on-deliver:before { content: '\e83e'; } /* '' */
+.van-icon-underway:before { content: '\e83f'; } /* '' */
+.van-icon-point-gift:before { content: '\e840'; } /* '' */
+.van-icon-after-sale:before { content: '\e841'; } /* '' */
+.van-icon-edit-data:before { content: '\e842'; } /* '' */
+.van-icon-question:before { content: '\e843'; } /* '' */
+.van-icon-delete:before { content: '\e844'; } /* '' */
+.van-icon-records:before { content: '\e845'; } /* '' */
+.van-icon-description:before { content: '\e846'; } /* '' */
+.van-icon-card:before { content: '\e847'; } /* '' */
+.van-icon-gift-card:before { content: '\e848'; } /* '' */
+.van-icon-clock:before { content: '\e849'; } /* '' */
+.van-icon-gold-coin:before { content: '\e84a'; } /* '' */
+.van-icon-completed:before { content: '\e84b'; } /* '' */
+.van-icon-value-card:before { content: '\e84c'; } /* '' */
+.van-icon-certificate:before { content: '\e84d'; } /* '' */
+.van-icon-tosend:before { content: '\e84e'; } /* '' */
+.van-icon-sign:before { content: '\e84f'; } /* '' */
+.van-icon-home:before { content: '\e850'; } /* '' */
+.van-icon-phone:before { content: '\e851'; } /* '' */
+.van-icon-add-o:before { content: '\e852'; } /* '' */
+.van-icon-minus-o:before { content: '\e853'; } /* '' */
+.van-icon-play:before { content: '\e854'; } /* '' */
+.van-icon-pause:before { content: '\e855'; } /* '' */
+.van-icon-stop:before { content: '\e856'; } /* '' */
+.van-icon-hot:before { content: '\e857'; } /* '' */
+.van-icon-new:before { content: '\e858'; } /* '' */
+.van-icon-new-arrival:before { content: '\e859'; } /* '' */
+.van-icon-hot-sale:before { content: '\e85a'; } /* '' */
\ No newline at end of file
diff --git a/packages/icon/index.wxml b/packages/icon/index.wxml
index ed428f08..efcd93dd 100644
--- a/packages/icon/index.wxml
+++ b/packages/icon/index.wxml
@@ -1 +1 @@
-<view class="zan-icon zan-icon-{{ type }}"></view>
+<view class="van-icon van-icon-{{ type }}"></view>
diff --git a/packages/loading/README.md b/packages/loading/README.md
index f86c2548..7feada44 100644
--- a/packages/loading/README.md
+++ b/packages/loading/README.md
@@ -5,16 +5,16 @@
 ```json
   {
     "usingComponents": {
-      "zan-loading": "path/to/vant-weapp/dist/loading/index"
+      "van-loading": "path/to/vant-weapp/dist/loading/index"
     }
   }
 ```
 
-在页面上直接使用 zan-loading 标签即可
+在页面上直接使用 van-loading 标签即可
 ```html
-  <zan-loading type="circle"></zan-loading>
-  <zan-loading type="spinner" color="black"></zan-loading>
-  <zan-loading type="dot"></zan-loading>
+  <van-loading type="circle"></van-loading>
+  <van-loading type="spinner" color="black"></van-loading>
+  <van-loading type="dot"></van-loading>
 ```
 
 ### 具体参数
diff --git a/packages/loadmore/README.md b/packages/loadmore/README.md
index 9231ca41..78ad59fe 100644
--- a/packages/loadmore/README.md
+++ b/packages/loadmore/README.md
@@ -6,17 +6,17 @@
   {
     ...
     "usingComponents": {
-      "zan-loadmore": "../../dist/loadmore/index"
+      "van-loadmore": "../../dist/loadmore/index"
     }
     ...
   }
 ```
 
-在页面上直接使用 zan-loadmore 标签即可
+在页面上直接使用 van-loadmore 标签即可
 ```html
-  <zan-loadmore type="text"></zan-loadmore>
-  <zan-loadmore type="loading"></zan-loadmore>
-  <zan-loadmore type="text" text="暂无数据"></zan-loadmore>
+  <van-loadmore type="text"></van-loadmore>
+  <van-loadmore type="loading"></van-loadmore>
+  <van-loadmore type="text" text="暂无数据"></van-loadmore>
 ```
 
 ### 具体参数
diff --git a/packages/loadmore/index.pcss b/packages/loadmore/index.pcss
index a4f64de5..ad795797 100644
--- a/packages/loadmore/index.pcss
+++ b/packages/loadmore/index.pcss
@@ -1,6 +1,6 @@
 @import "../common/_mixins";
 
-.zan-loadmore {
+.van-loadmore {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -9,7 +9,7 @@
   font-size: 12px;
 }
 
-.zan-loadmore__line {
+.van-loadmore__line {
   flex: 1;
   height: 1px;
   position: relative;
@@ -20,11 +20,11 @@
   }
 }
 
-.zan-loadmore__text, .zan-loadmore__dot {
+.van-loadmore__text, .van-loadmore__dot {
   margin: 0 5px;
 }
 
-.zan-loadmore__dot {
+.van-loadmore__dot {
   content: "";
   width: 4px;
   height: 4px;
@@ -34,7 +34,7 @@
   vertical-align: middle;
 }
 
-.zan-loading {
+.van-loading {
   width:20px;
   height:20px;
   display: inline-block;
@@ -45,7 +45,7 @@
   background-size: 100%;
 }
 
-.zan-loadmore__tips {
+.van-loadmore__tips {
   display: inline-block;
   vertical-align: middle;
   height: 24px;
diff --git a/packages/loadmore/index.wxml b/packages/loadmore/index.wxml
index af349a81..91aaf503 100644
--- a/packages/loadmore/index.wxml
+++ b/packages/loadmore/index.wxml
@@ -1,12 +1,12 @@
-<view class="zan-loadmore">
+<view class="van-loadmore">
   <block wx:if="{{ type === 'loading' }}">
-    <view class="zan-loading"></view>
-    <view class="zan-loadmore__tips">加载中...</view>
+    <view class="van-loading"></view>
+    <view class="van-loadmore__tips">加载中...</view>
   </block>
   <block wx:elif="{{ type === 'text' }}">
-    <view class="zan-loadmore__line"></view>
-    <text wx:if="{{ text }}" class="zan-loadmore__text">{{ text }}</text>
-    <view wx:else class="zan-loadmore__dot"></view>
-    <view class="zan-loadmore__line"></view>
+    <view class="van-loadmore__line"></view>
+    <text wx:if="{{ text }}" class="van-loadmore__text">{{ text }}</text>
+    <view wx:else class="van-loadmore__dot"></view>
+    <view class="van-loadmore__line"></view>
   </block>
 </view>
\ No newline at end of file
diff --git a/packages/noticebar/README.md b/packages/noticebar/README.md
index 8a68b6ae..9cc8f87b 100644
--- a/packages/noticebar/README.md
+++ b/packages/noticebar/README.md
@@ -5,7 +5,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-noticebar": "path/to/vant-weapp/dist/noticebar/index"
+    "van-noticebar": "path/to/vant-weapp/dist/noticebar/index"
   }
 }
 ```
@@ -27,14 +27,14 @@ Page({
 
 ### 静止公告栏
 ```html
-<zan-noticebar
+<van-noticebar
   text="{{ text }}"
 />
 ```
 
 ### 滚动通告栏
 ```html
-<zan-noticebar
+<van-noticebar
   text="{{ text }}"
   scrollable="true"
 />
@@ -42,7 +42,7 @@ Page({
 
 ### 延时滚动通告栏
 ```html
-<zan-noticebar
+<van-noticebar
   text="{{ text }}"
   scrollable="true"
   delay="{{ delay }}"
@@ -51,7 +51,7 @@ Page({
 
 ### 改变滚动通告栏滚动速度
 ```html
-<zan-noticebar
+<van-noticebar
   text="{{ text }}"
   scrollable="true"
   speed="{{ speed }}"
@@ -60,7 +60,7 @@ Page({
 
 ### 自定义通告栏字体颜色和背景色
 ```html
-<zan-noticebar
+<van-noticebar
   text="{{ text }}"
   color="{{ color }}"
   background-color="{{ backgroundColor }}"
@@ -69,7 +69,7 @@ Page({
 
 ### 添加左侧icon通告栏
 ```html
-<zan-noticebar
+<van-noticebar
   text="{{ text }}"
   left-icon="https://img.yzcdn.cn/public_files/2017/8/10/6af5b7168eed548100d9041f07b7c616.png"
 />
@@ -77,7 +77,7 @@ Page({
 
 ### 可关闭通告栏
 ```html
-<zan-noticebar
+<van-noticebar
   text="{{ text }}"
   mode="closeable"
 />
diff --git a/packages/noticebar/index.js b/packages/noticebar/index.js
index 63f4780e..73e503db 100644
--- a/packages/noticebar/index.js
+++ b/packages/noticebar/index.js
@@ -86,7 +86,7 @@ Component({
     _init() {
       wx.createSelectorQuery()
         .in(this)
-        .select('.zan-noticebar__content')
+        .select('.van-noticebar__content')
         .boundingClientRect((rect) => {
           if (!rect || !rect.width) {
             return;
@@ -97,7 +97,7 @@ Component({
 
           wx.createSelectorQuery()
             .in(this)
-            .select('.zan-noticebar__content-wrap')
+            .select('.van-noticebar__content-wrap')
             .boundingClientRect((rect) => {
               if (!rect || !rect.width) {
                 return;
diff --git a/packages/noticebar/index.json b/packages/noticebar/index.json
index 9e5bbd55..a9ab393a 100644
--- a/packages/noticebar/index.json
+++ b/packages/noticebar/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-icon": "../icon/index"
+    "van-icon": "../icon/index"
   }
 }
\ No newline at end of file
diff --git a/packages/noticebar/index.pcss b/packages/noticebar/index.pcss
index 4a4ca31d..284ce971 100644
--- a/packages/noticebar/index.pcss
+++ b/packages/noticebar/index.pcss
@@ -1,4 +1,4 @@
-.zan-noticebar {
+.van-noticebar {
   display: flex;
   padding: 9px 10px;
   font-size: 12px;
diff --git a/packages/noticebar/index.wxml b/packages/noticebar/index.wxml
index 08efb94c..b72197ef 100644
--- a/packages/noticebar/index.wxml
+++ b/packages/noticebar/index.wxml
@@ -1,21 +1,21 @@
 <view
   wx:if="{{ show }}"
-  class="zan-noticebar {{ hasRightIcon ? 'zan-noticebar--within-icon' : '' }}"
+  class="van-noticebar {{ hasRightIcon ? 'van-noticebar--within-icon' : '' }}"
   style="color: {{ color }};background-color: {{ backgroundColor }}"
 >
-  <view wx:if="{{ leftIcon }}" class="zan-noticebar__left-icon">
+  <view wx:if="{{ leftIcon }}" class="van-noticebar__left-icon">
     <image src="{{ leftIcon }}" />
   </view>
-  <view class="zan-noticebar__content-wrap">
-    <view class="zan-noticebar__content" animation="{{ animationData }}">
+  <view class="van-noticebar__content-wrap">
+    <view class="van-noticebar__content" animation="{{ animationData }}">
       {{ text }}
     </view>
   </view>
 
   <block wx:if="{{ mode }}">
-    <zan-icon
+    <van-icon
       wx:if="{{ mode === 'closeable' }}"
-      class="zan-noticebar__right-icon"
+      class="van-noticebar__right-icon"
       type="close"
       bindtap="_handleButtonClick"
     />
@@ -24,7 +24,7 @@
       url="{{ url }}"
       open-type="{{ openType }}"
     >
-      <zan-icon class="zan-noticebar__right-icon" type="arrow" />
+      <van-icon class="van-noticebar__right-icon" type="arrow" />
     </navigator>
   </block>
 
diff --git a/packages/panel/README.md b/packages/panel/README.md
index 5af9c233..90290d0d 100644
--- a/packages/panel/README.md
+++ b/packages/panel/README.md
@@ -5,7 +5,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-panel": "path/to/vant-weapp/dist/panel/index"
+    "van-panel": "path/to/vant-weapp/dist/panel/index"
   }
 }
 ```
@@ -13,9 +13,9 @@
 ### 代码演示
 Panel 提供了一块白色的展示区域，使用方式如下
 ```html
-<zan-panel title='我是标题'>
+<van-panel title='我是标题'>
   <view>内容</view>
-</zan-panel>
+</van-panel>
 ```
 | 参数       | 说明      | 类型       | 默认值       | 必须      |
 |-----------|-----------|-----------|-------------|-------------|
diff --git a/packages/panel/index.pcss b/packages/panel/index.pcss
index f0ac4e35..2d951fe7 100644
--- a/packages/panel/index.pcss
+++ b/packages/panel/index.pcss
@@ -1,18 +1,18 @@
 @import "../common/_mixins";
 
-.zan-panel {
+.van-panel {
   position: relative;
   overflow: hidden;
 }
 
-.zan-panel__title {
+.van-panel__title {
   font-size: 14px;
   line-height: 1;
   color: #999;
   padding: 20px 15px 10px 15px;
 }
 
-.zan-panel__content {
+.van-panel__content {
   position: relative;
   background: #fff;
   overflow: hidden;
@@ -23,7 +23,7 @@
   }
 }
 
-.zan-panel--without-border {
+.van-panel--without-border {
   &::after {
     border: 0 none;
   }
diff --git a/packages/panel/index.wxml b/packages/panel/index.wxml
index 196eeebd..23121dc5 100644
--- a/packages/panel/index.wxml
+++ b/packages/panel/index.wxml
@@ -1,9 +1,9 @@
-<view class="zan-panel">
+<view class="van-panel">
   <view
     wx:if="{{ title }}"
-    class="zan-panel__title">{{ title }}</view>
+    class="van-panel__title">{{ title }}</view>
   <view
-    class="zan-panel__content {{ hideBorder ? 'zan-panel--without-border' : '' }}"
+    class="van-panel__content {{ hideBorder ? 'van-panel--without-border' : '' }}"
   >
     <slot></slot>
   </view>
diff --git a/packages/popup/README.md b/packages/popup/README.md
index 3ccc18e9..296614c3 100644
--- a/packages/popup/README.md
+++ b/packages/popup/README.md
@@ -5,36 +5,36 @@
 ```json
 {
   "usingComponents": {
-    "zan-popup": "path/to/vant-weapp/dist/popup/index"
+    "van-popup": "path/to/vant-weapp/dist/popup/index"
   }
 }
 ```
 
 ### 代码演示
-可以在页面任意位置上使用 zan-popup 标签。通过 show 可以控制弹窗是否展示
+可以在页面任意位置上使用 van-popup 标签。通过 show 可以控制弹窗是否展示
 ```html
-<zan-popup show="{{ show }}"></zan-popup>
+<van-popup show="{{ show }}"></van-popup>
 ```
 #### popup 动画
 popup 额外支持了 上下左右 四种动画方式，通过增加 type 属性即可控制。使用方式如下
 ```html
 <!-- 从底部弹出的弹层 -->
-<zan-popup type="bottom" show="{{ show }}"></zan-popup>
+<van-popup type="bottom" show="{{ show }}"></van-popup>
 
 <!-- 从顶部弹出的弹层 -->
-<zan-popup type="top" show="{{ show }}"></zan-popup>
+<van-popup type="top" show="{{ show }}"></van-popup>
 
 <!-- 从左侧弹出的弹层 -->
-<zan-popup type="left" show="{{ show }}"></zan-popup>
+<van-popup type="left" show="{{ show }}"></van-popup>
 
 <!-- 从右侧弹出的弹层 -->
-<zan-popup type="right" show="{{ show }}"></zan-popup>
+<van-popup type="right" show="{{ show }}"></van-popup>
 ```
 
 #### 控制显示，隐藏
 
 ```html
-<zan-popup show="{{ isShow }}" bindclose="togglePopup"></zan-popup>
+<van-popup show="{{ isShow }}" bindclose="togglePopup"></van-popup>
 ```
 
 ```js
diff --git a/packages/radio/README.md b/packages/radio/README.md
index 3f95b3e6..85916934 100644
--- a/packages/radio/README.md
+++ b/packages/radio/README.md
@@ -5,7 +5,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-radio": "/packages/radio/index"
+    "van-radio": "/packages/radio/index"
   }
 }
 ```
@@ -25,13 +25,13 @@ items: [
 #### 基础用法
 
 ```html
-<zan-radio items="{{ items }}"></zan-radio>
+<van-radio items="{{ items }}"></van-radio>
 ```
 
 #### 禁用状态
 
 ```html
-<zan-radio items="{{ items }}"></zan-radio>
+<van-radio items="{{ items }}"></van-radio>
 ```
 
 ```js
@@ -49,11 +49,11 @@ Page({
 #### 自定义样式
 
 ```html
-<zan-radio
+<van-radio
   items="{{ items }}"
   radio-color="radio-color"
   radio-class="radio-demo"
-></zan-radio>
+></van-radio>
 ```
 
 ```css
@@ -69,12 +69,12 @@ Page({
 #### 事件
 
 ```html
-<zan-panel title='事件'>
-  <zan-radio
+<van-panel title='事件'>
+  <van-radio
     items="{{ items }}"
     bind:change="handleRadioChange"
-  ></zan-radio>
-</zan-panel>
+  ></van-radio>
+</van-panel>
 ```
 
 ```js
@@ -88,7 +88,7 @@ Page({
 #### 列表模式
 
 ```html
-<zan-radio items="{{ items }}" type="list"></zan-radio>
+<van-radio items="{{ items }}" type="list"></van-radio>
 ```
 
 ### 参数
diff --git a/packages/radio/index.json b/packages/radio/index.json
index fc0d0bf9..0a336c08 100644
--- a/packages/radio/index.json
+++ b/packages/radio/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-icon": "../icon/index"
+    "van-icon": "../icon/index"
   }
 }
diff --git a/packages/radio/index.pcss b/packages/radio/index.pcss
index b9f74c7e..63eaa08b 100644
--- a/packages/radio/index.pcss
+++ b/packages/radio/index.pcss
@@ -1,4 +1,4 @@
-.zan-radio {
+.van-radio {
     display: block;
     padding: 0 10px;
     font-size: 14px;
@@ -17,7 +17,7 @@
         display: block;
         padding: 10px 10px 10px 0;
         border-bottom: 1px solid #e5e5e5;
-        .zan-radio__icon-wrap {
+        .van-radio__icon-wrap {
             float: right;
             margin-top: 3px;
         }
@@ -30,12 +30,12 @@
         display: inline-flex;
         align-items: center;
         color: #aaa;
-        .zan-radio__origin {
+        .van-radio__origin {
             opacity: 0;
             width: 14px;
             height: 20px;
         }
-        .zan-radio__icon {
+        .van-radio__icon {
             position: absolute;
             left: 50%;
             top: 50%;
@@ -48,7 +48,7 @@
             cursor: pointer;
             box-sizing: border-box;
 
-            .zan-radio__icon-inside {
+            .van-radio__icon-inside {
                 position: absolute;
                 left: 50%;
                 top: 50%;
@@ -58,15 +58,15 @@
                 border-radius: 50%;
             }
 
-            &.zan-radio--checked {
+            &.van-radio--checked {
                 border-color: #06bf04;
                 background: #06bf04;
-                .zan-radio__icon-inside {
+                .van-radio__icon-inside {
                     background-color: #fff;
                 }
             }
 
-            &.zan-radio--disabled {
+            &.van-radio--disabled {
                 opacity: .6;
             }
         }
diff --git a/packages/radio/index.wxml b/packages/radio/index.wxml
index 10dbffe5..961b8c1a 100644
--- a/packages/radio/index.wxml
+++ b/packages/radio/index.wxml
@@ -1,27 +1,27 @@
 <radio-group
-  class="zan-radio radio-class"
+  class="van-radio radio-class"
   bindchange="radioChange"
   wx:if="{{ items && items.length }}"
 >
   <label
-    class="zan-radio__label {{ type === 'list' ? 'zan-radio__list-item' : 'zan-radio__item'}}"
+    class="van-radio__label {{ type === 'list' ? 'van-radio__list-item' : 'van-radio__item'}}"
     wx:for="{{ items }}"
     wx:key="{{ item.value }}"
     wx:for-item="item"
     wx:for-index="index"
   >
-    <view class="zan-radio__icon-wrap">
-      <view class="zan-radio__icon {{ item.disabled ? 'zan-radio--disabled' : '' }} {{ item.checked ? 'zan-radio--checked radio-color' : '' }}">
-        <view class="zan-radio__icon-inside"></view>
+    <view class="van-radio__icon-wrap">
+      <view class="van-radio__icon {{ item.disabled ? 'van-radio--disabled' : '' }} {{ item.checked ? 'van-radio--checked radio-color' : '' }}">
+        <view class="van-radio__icon-inside"></view>
       </view>
       <radio
-        class="zan-radio__origin"
+        class="van-radio__origin"
         value="{{ item.name }}"
         checked="{{ item.checked }}"
         disabled="{{ item.disabled }}"
       />
     </view>
-    <view class="zan-radio__name">
+    <view class="van-radio__name">
       {{item.value}}
     </view>
   </label>
diff --git a/packages/row/README.md b/packages/row/README.md
index 85adb1e2..54bb984b 100644
--- a/packages/row/README.md
+++ b/packages/row/README.md
@@ -5,8 +5,8 @@
 ```json
 {
   "usingComponents": {
-    "zan-row": "path/to/vant-weapp/dist/row/index",
-    "zan-col": "path/to/vant-weapp/dist/col/index"
+    "van-row": "path/to/vant-weapp/dist/row/index",
+    "van-col": "path/to/vant-weapp/dist/col/index"
   }
 }
 ```
@@ -15,22 +15,22 @@
 Layout 组件提供了24列栅格，设置 col 属性可以设置元素所占宽度
 
 ```html
-<zan-row>
-  <zan-col col="8" col-class="custom-zan-col">span: 8</zan-col>
-  <zan-col col="8" col-class="custom-zan-col">span: 8</zan-col>
-  <zan-col col="8" col-class="custom-zan-col">span: 8</zan-col>
-</zan-row>
+<van-row>
+  <van-col col="8" col-class="custom-van-col">span: 8</van-col>
+  <van-col col="8" col-class="custom-van-col">span: 8</van-col>
+  <van-col col="8" col-class="custom-van-col">span: 8</van-col>
+</van-row>
 ```
 
 Layout 提供了 offset 功能。设置 offset 属性可以设置列的偏移宽度，计算方式与 span 相同
 ```html
-<zan-row row-class="custom-zan-row">
-  <zan-col col="4" col-class="custom-zan-col">span: 4</zan-col>
-  <zan-col col="10" offset="4" col-class="custom-zan-col">offset: 4, span: 10</zan-col>
-</zan-row>
-<zan-row>
-  <zan-col col="12" offset="12" col-class="custom-zan-col">offset: 12, span: 12</zan-col>
-</zan-row>
+<van-row row-class="custom-van-row">
+  <van-col col="4" col-class="custom-van-col">span: 4</van-col>
+  <van-col col="10" offset="4" col-class="custom-van-col">offset: 4, span: 10</van-col>
+</van-row>
+<van-row>
+  <van-col col="12" offset="12" col-class="custom-van-col">offset: 12, span: 12</van-col>
+</van-row>
 ```
 
 ### API
diff --git a/packages/row/index.pcss b/packages/row/index.pcss
index 7fd67a7e..6e9b6b89 100644
--- a/packages/row/index.pcss
+++ b/packages/row/index.pcss
@@ -1,4 +1,4 @@
-.zan-row {
+.van-row {
   &:after {
     content: "";
     display: table;
diff --git a/packages/row/index.wxml b/packages/row/index.wxml
index c420646a..6bbc449a 100644
--- a/packages/row/index.wxml
+++ b/packages/row/index.wxml
@@ -1 +1 @@
-<view class="row-class zan-row"><slot></slot></view>
+<view class="row-class van-row"><slot></slot></view>
diff --git a/packages/search/README.md b/packages/search/README.md
index 232266ff..9d0db097 100644
--- a/packages/search/README.md
+++ b/packages/search/README.md
@@ -5,7 +5,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-search": "/packages/search/index"
+    "van-search": "/packages/search/index"
   }
 }
 ```
@@ -13,7 +13,7 @@
 ### 代码演示
 
 ```wxml
-<zan-search
+<van-search
   placeholder="搜索..."
   keyword="{{ inputValue }}"
   placeholder="搜索商品"
diff --git a/packages/search/index.pcss b/packages/search/index.pcss
index be84d2b7..c3260c4f 100644
--- a/packages/search/index.pcss
+++ b/packages/search/index.pcss
@@ -1,4 +1,4 @@
-.zan-search {
+.van-search {
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
@@ -7,21 +7,21 @@
   padding:5px 10px;
 }
 
-.zan-search.center-placeholder {
+.van-search.center-placeholder {
   background: #ffffff;
 }
 
-.zan-search.center-placeholder .zan-search__form {
+.van-search.center-placeholder .van-search__form {
   margin-left: 50%;
   transform: translateX(-50%);
   border: none;
 }
 
-.zan-search.zan-cell::after {
+.van-search.van-cell::after {
   display: none;
 }
 
-.zan-search__form {
+.van-search__form {
   display: flex;
   flex: 1;
   background:#ffffff;
@@ -32,14 +32,14 @@
   align-items: center;
 }
 
-.zan-search picker {
+.van-search picker {
   display: flex;
   align-items: center;
   height: 100%;
   padding-right: 20rpx;
 }
 
-.zan-search__form .picker {
+.van-search__form .picker {
   position: relative;
   width: 110rpx;
   height: 100%;
@@ -47,7 +47,7 @@
   font-size: 28rpx;
   margin-left: 20rpx;
 }
-.zan-search__form .picker::after {
+.van-search__form .picker::after {
   content: '';
   width: 0;
   height: 0;
@@ -59,27 +59,27 @@
   border-right: 8rpx solid transparent;
   border-left: 8rpx solid transparent;
 }
-.zan-search__form input {
+.van-search__form input {
   height: 100%;
   flex: 1;
   padding: 0 20rpx;
   font-size: 28rpx;
   color: #333;
 }
-.zan-search__form icon {
+.van-search__form icon {
   margin-left: 20rpx;
   line-height: 1;
 }
 
-.zan-search__clear {
+.van-search__clear {
   padding: 12rpx 20rpx;
 }
 
-.zan-search__placeholder {
+.van-search__placeholder {
   font-size: 28rpx;
   color: #cacaca;
 }
-.zan-search__cancel {
+.van-search__cancel {
   align-self: stretch;
   display: inline-flex;
   align-items: center;
diff --git a/packages/search/index.wxml b/packages/search/index.wxml
index 1eeafd04..2d22fc0b 100644
--- a/packages/search/index.wxml
+++ b/packages/search/index.wxml
@@ -1,16 +1,16 @@
 <view
-  class="zan-search {{ searchClass }}"
+  class="van-search {{ searchClass }}"
   style="{{ searchStyle }}"
 >
   <view
-    class="zan-search__form {{ useCancel ? 'zan-search__form--cancel' : '' }} input-class"
+    class="van-search__form {{ useCancel ? 'van-search__form--cancel' : '' }} input-class"
     style="{{ inputStyle }}"
   >
     <icon type="search" size="15" color="#a9a9a9" />
     <input
-      class="zan-search__input"
+      class="van-search__input"
       placeholder="{{ placeholder }}"
-      placeholder-class="zan-search__placeholder"
+      placeholder-class="van-search__placeholder"
       confirm-type="search"
       bindfocus="focus"
       bindblur="blur"
@@ -22,7 +22,7 @@
     />
     <icon
       wx:if="{{keyword}}"
-      class="zan-search__clear"
+      class="van-search__clear"
       type="clear"
       size="14"
       color="#bbb"
@@ -30,7 +30,7 @@
     />
   </view>
   <view
-    class="zan-search__cancel cancel-class"
+    class="van-search__cancel cancel-class"
     wx:if="{{ useCancel }}"
     bindtap="cancelSearch"
     style="{{ cancelStyle }}"
diff --git a/packages/select/README.md b/packages/select/README.md
index 5334b76e..63e4b73b 100644
--- a/packages/select/README.md
+++ b/packages/select/README.md
@@ -5,14 +5,14 @@
 ```json
 {
   "usingComponents": {
-    "zan-select": "path/to/vant-weapp/dist/select/index"
+    "van-select": "path/to/vant-weapp/dist/select/index"
   }
 }
 ```
 
 ### 代码演示
 ```html
-<zan-select
+<van-select
   items="{{ items }}"
   checkedValue="{{ checkedValue }}"
   activeColor="{{ activeColor }}"
diff --git a/packages/select/index.json b/packages/select/index.json
index 9bab8188..d2a8d90e 100644
--- a/packages/select/index.json
+++ b/packages/select/index.json
@@ -1,7 +1,7 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-icon": "../icon/index",
-    "zan-cell": "../cell/index"
+    "van-icon": "../icon/index",
+    "van-cell": "../cell/index"
   }
 }
diff --git a/packages/select/index.pcss b/packages/select/index.pcss
index 36382a85..3e161ae5 100644
--- a/packages/select/index.pcss
+++ b/packages/select/index.pcss
@@ -1,4 +1,4 @@
-.zan-select__list .zan-select__radio{
+.van-select__list .van-select__radio{
   position: absolute;
   top: 0;
   bottom: 0;
diff --git a/packages/select/index.wxml b/packages/select/index.wxml
index 7d0ce062..00681349 100644
--- a/packages/select/index.wxml
+++ b/packages/select/index.wxml
@@ -1,18 +1,18 @@
 <radio-group
-  class="zan-select__list"
+  class="van-select__list"
   bindchange="handleSelectChange"
 >
   <label wx:for="{{ items }}" wx:key="value">
-    <zan-cell>
-      <radio class="zan-select__radio" value="{{ item.value }}" checked="{{ item.value === checkedValue }}"/>
+    <van-cell>
+      <radio class="van-select__radio" value="{{ item.value }}" checked="{{ item.value === checkedValue }}"/>
       <span style="{{ parse.getItemStyle(item, checkedValue, activeColor) }}">{{ item.name }}</span>
-      <zan-icon
+      <van-icon
         wx:if="{{ item.value === checkedValue }}"
         slot="footer"
         type="success"
         style="color: {{ parse.getColor(activeColor) }};font-size: 14px;"
       />
-    </zan-cell>
+    </van-cell>
   </label>
 </radio-group>
 
diff --git a/packages/stepper/README.md b/packages/stepper/README.md
index ae278d73..f0cbb3db 100644
--- a/packages/stepper/README.md
+++ b/packages/stepper/README.md
@@ -5,7 +5,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-stepper": "path/to/vant-weapp/dist/stepper/index"
+    "van-stepper": "path/to/vant-weapp/dist/stepper/index"
   }
 }
 ```
@@ -45,13 +45,13 @@ Page({
 当 stepper 被点击时，需要监听`change`事件，处理计数器值的改变。
 
 ```js
-<zan-stepper
+<van-stepper
   stepper="{{ stepper.stepper }}"
   min="{{ stepper.min }}"
   max="{{ stepper.max }}"
   bind:change="handleZanStepperChange"
 >
-</zan-stepper>
+</van-stepper>
 ```
 
 ### API
diff --git a/packages/stepper/index.pcss b/packages/stepper/index.pcss
index c019c8c0..8a6d59a8 100644
--- a/packages/stepper/index.pcss
+++ b/packages/stepper/index.pcss
@@ -1,7 +1,7 @@
-.zan-stepper {
+.van-stepper {
   color: #666;
 }
-.zan-stepper view {
+.van-stepper view {
   display: inline-block;
   padding: 5px 0;
   text-align: center;
@@ -10,11 +10,11 @@
   font-size: 12px;
   border: 1rpx solid #999;
 }
-.zan-stepper .zan-stepper__minus {
+.van-stepper .van-stepper__minus {
   border-right: none;
   border-radius: 2px 0 0 2px;
 }
-.zan-stepper .zan-stepper__text {
+.van-stepper .van-stepper__text {
   border: 1rpx solid #999;
   display: inline-block;
   text-align: center;
@@ -23,40 +23,40 @@
   min-height: auto;
   font-size: 12px;
 }
-.zan-stepper .zan-stepper__plus {
+.van-stepper .van-stepper__plus {
   border-left: none;
   border-radius: 0 2px 2px 0;
 }
-.zan-stepper .zan-stepper--disabled {
+.van-stepper .van-stepper--disabled {
   background: #f8f8f8;
   color: #bbb;
   border-color: #e8e8e8;
 }
-.zan-stepper--small view {
+.van-stepper--small view {
   min-width: 36px;
   line-height: 18px;
 }
-.zan-stepper--small .zan-stepper__text {
+.van-stepper--small .van-stepper__text {
   width: 36px;
   line-height: 28px;
   height: 28px;
 }
 
-.zan-stepper--middle view {
+.van-stepper--middle view {
   min-width: 40px;
   line-height: 20px;
 }
-.zan-stepper--middle .zan-stepper__text {
+.van-stepper--middle .van-stepper__text {
   width: 40px;
   line-height: 30px;
   height: 30px;
 }
 
-.zan-stepper--large view {
+.van-stepper--large view {
   min-width: 44px;
   line-height: 22px;
 }
-.zan-stepper--large .zan-stepper__text {
+.van-stepper--large .van-stepper__text {
   width: 44px;
   line-height: 32px;
   height: 32px;
diff --git a/packages/stepper/index.wxml b/packages/stepper/index.wxml
index 8e3b9fe8..11c4680a 100644
--- a/packages/stepper/index.wxml
+++ b/packages/stepper/index.wxml
@@ -1,20 +1,20 @@
-<view class="zan-stepper zan-stepper--{{ size }}">
+<view class="van-stepper van-stepper--{{ size }}">
   <view
-    class="zan-stepper__minus {{ stepper <= min ? 'zan-stepper--disabled' : '' }}"
+    class="van-stepper__minus {{ stepper <= min ? 'van-stepper--disabled' : '' }}"
     data-disabled="{{ stepper <= min }}"
     bindtap="handleZanStepperMinus"
   >
     -
   </view>
   <input
-    class="zan-stepper__text {{ min >= max ? 'zan-stepper--disabled' : '' }}"
+    class="van-stepper__text {{ min >= max ? 'van-stepper--disabled' : '' }}"
     type="number"
     value="{{ stepper }}"
     disabled="{{ min >= max }}"
     bindblur="handleZanStepperBlur"
   />
   <view
-    class="zan-stepper__plus {{ stepper >= max ? 'zan-stepper--disabled' : '' }}"
+    class="van-stepper__plus {{ stepper >= max ? 'van-stepper--disabled' : '' }}"
     data-disabled="{{ stepper >= max }}"
     bindtap="handleZanStepperPlus"
   >
diff --git a/packages/steps/README.md b/packages/steps/README.md
index f1b7d88a..99f4622d 100644
--- a/packages/steps/README.md
+++ b/packages/steps/README.md
@@ -10,7 +10,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-steps": "path/to/vant-weapp/dist/steps/index"
+    "van-steps": "path/to/vant-weapp/dist/steps/index"
   }
 }
 ```
@@ -20,13 +20,13 @@
 #### 基础用法
 
 ```html
-<zan-steps type="horizon" steps="{{steps}}"></zan-steps>
+<van-steps type="horizon" steps="{{steps}}"></van-steps>
 ```
 
 #### 2步完成
 
 ```html
-<zan-steps type="horizon" steps="{{steps}}"></zan-steps>
+<van-steps type="horizon" steps="{{steps}}"></van-steps>
 ```
 
 ```js
@@ -49,25 +49,25 @@ steps: [
 #### 有描述的steps
 
 ```html
-<zan-steps type="horizon" hasDesc steps="{{steps}}"></zan-steps>
+<van-steps type="horizon" hasDesc steps="{{steps}}"></van-steps>
 ```
 
 #### 垂直方向的steps
 
 ```html
-<zan-steps type="vertical" steps="{{steps}}"></zan-steps>
+<van-steps type="vertical" steps="{{steps}}"></van-steps>
 ```
 
 #### 自定义 class
 
 ```html
-<zan-steps
+<van-steps
   steps-class="my-class"
   icon-class="gray"
   title-class="white"
   type="horizon"
   steps="{{steps}}"
-></zan-steps>
+></van-steps>
 ```
 
 
diff --git a/packages/steps/index.pcss b/packages/steps/index.pcss
index aed82902..0f03bc50 100644
--- a/packages/steps/index.pcss
+++ b/packages/steps/index.pcss
@@ -1,6 +1,6 @@
 @import "wxss/step.pcss";
 @import "wxss/vstep.pcss";
 
-.zan-steps {
+.van-steps {
   position: relative;
 }
diff --git a/packages/steps/index.wxml b/packages/steps/index.wxml
index ee707ed6..cd0b160f 100644
--- a/packages/steps/index.wxml
+++ b/packages/steps/index.wxml
@@ -1,13 +1,13 @@
-<view class="steps-class zan-steps zan-steps--{{ type == 'vertical' ? 'vsteps' : 'steps' }} zan-steps--{{ steps.length }} {{ className }}">
+<view class="steps-class van-steps van-steps--{{ type == 'vertical' ? 'vsteps' : 'steps' }} van-steps--{{ steps.length }} {{ className }}">
   <view
     wx:for="{{ steps }}" wx:for-item="step" wx:key="unique" wx:for-index="index"
-    class="zan-steps__step {{ hasDesc ? 'zan-steps__step--db-title' : '' }} {{ index == 0 ? 'zan-steps__step--first-child' : '' }} {{ index == steps.length - 1 ? 'zan-steps__step--last-child' : '' }} {{ step.done ? 'zan-steps__step--done' : '' }} {{ step.current ? 'zan-steps__step--cur' : '' }}"
+    class="van-steps__step {{ hasDesc ? 'van-steps__step--db-title' : '' }} {{ index == 0 ? 'van-steps__step--first-child' : '' }} {{ index == steps.length - 1 ? 'van-steps__step--last-child' : '' }} {{ step.done ? 'van-steps__step--done' : '' }} {{ step.current ? 'van-steps__step--cur' : '' }}"
   >
-    <view class="zan-steps__title title-class">{{ step.text }}</view>
-    <view wx:if="{{ hasDesc && step.desc }}" class="zan-steps__title zan-steps__title--desc desc-class">{{ step.desc }}</view>
-    <view class="zan-steps__icons icon-class">
-      <view class="zan-steps__circle"></view>
+    <view class="van-steps__title title-class">{{ step.text }}</view>
+    <view wx:if="{{ hasDesc && step.desc }}" class="van-steps__title van-steps__title--desc desc-class">{{ step.desc }}</view>
+    <view class="van-steps__icons icon-class">
+      <view class="van-steps__circle"></view>
     </view>
-    <view class="zan-steps__line"></view>
+    <view class="van-steps__line"></view>
   </view>
 </view>
diff --git a/packages/steps/wxss/step.pcss b/packages/steps/wxss/step.pcss
index 1398120d..5d66ea70 100644
--- a/packages/steps/wxss/step.pcss
+++ b/packages/steps/wxss/step.pcss
@@ -1,16 +1,16 @@
-.zan-steps--steps.zan-steps--5 .zan-steps__step {
+.van-steps--steps.van-steps--5 .van-steps__step {
   width: 25%;
 }
 
-.zan-steps--steps.zan-steps--4 .zan-steps__step {
+.van-steps--steps.van-steps--4 .van-steps__step {
   width: 33%;
 }
 
-.zan-steps--steps.zan-steps--3 .zan-steps__step {
+.van-steps--steps.van-steps--3 .van-steps__step {
   width: 50%;
 }
 
-.zan-steps--steps .zan-steps__step {
+.van-steps--steps .van-steps__step {
   position: relative;
   float: left;
   padding-bottom: 25px;
@@ -18,13 +18,13 @@
   width: 100%;
 }
 
-.zan-steps--steps .zan-steps__title {
+.van-steps--steps .van-steps__title {
   transform: translateX(-50%);
   font-size: 10px;
   text-align: center;
 }
 
-.zan-steps--steps .zan-steps__icons {
+.van-steps--steps .van-steps__icons {
   position: absolute;
   top: 30px;
   left: -10px;
@@ -33,7 +33,7 @@
   z-index: 10;
 }
 
-.zan-steps--steps .zan-steps__circle {
+.van-steps--steps .van-steps__circle {
   display: block;
   position: relative;
   width: 5px;
@@ -42,7 +42,7 @@
   border-radius: 50%;
 }
 
-.zan-steps--steps .zan-steps__line {
+.van-steps--steps .van-steps__line {
   position: absolute;
   left: 0px;
   top: 32px;
@@ -53,82 +53,82 @@
 
 
 /* 已完成的steps */
-.zan-steps--steps .zan-steps__step--done {
+.van-steps--steps .van-steps__step--done {
   color: #333;
 }
 
-.zan-steps--steps .zan-steps__step--done .zan-steps__line {
+.van-steps--steps .van-steps__step--done .van-steps__line {
   background-color: #06bf04;
 }
 
-.zan-steps--steps .zan-steps__step--done .zan-steps__circle {
+.van-steps--steps .van-steps__step--done .van-steps__circle {
   width: 5px;
   height: 5px;
   background-color: #09bb07;
 }
 
 /* 正在进行中的steps */
-.zan-steps--steps .zan-steps__step--cur .zan-steps__icons {
+.van-steps--steps .van-steps__step--cur .van-steps__icons {
   top: 25px;
   left: -14px;
 }
 
-.zan-steps--steps .zan-steps__step--cur .zan-steps__circle {
+.van-steps--steps .van-steps__step--cur .van-steps__circle {
   width: 13px;
   height: 13px;
   background-image: url("https://b.yzcdn.cn/v2/image/wap/success_small@2x.png");
   background-size: 13px 13px;
 }
 
-.zan-steps--steps .zan-steps__step--cur .zan-steps__line {
+.van-steps--steps .van-steps__step--cur .van-steps__line {
   background-color: #e5e5e5;
 }
 
 /* 各种不同位置的 */
-.zan-steps--steps .zan-steps__step--first-child .zan-steps__title {
+.van-steps--steps .van-steps__step--first-child .van-steps__title {
   margin-left: 0;
   transform: none;
   text-align: left;
 }
 
-.zan-steps--steps .zan-steps__step--first-child .zan-steps__icons {
+.van-steps--steps .van-steps__step--first-child .van-steps__icons {
   left: -7px;
 }
 
-.zan-steps--steps .zan-steps__step--last-child {
+.van-steps--steps .van-steps__step--last-child {
   position: absolute;
   right: 0;
   top: 0;
   text-align: right;
 }
 
-.zan-steps--steps .zan-steps__step--last-child .zan-steps__title {
+.van-steps--steps .van-steps__step--last-child .van-steps__title {
   transform: none;
   text-align: right;
 }
 
-.zan-steps--steps .zan-steps__step--last-child .zan-steps__icons {
+.van-steps--steps .van-steps__step--last-child .van-steps__icons {
   left: auto;
   right: -6px;
 }
 
-.zan-steps--steps .zan-steps__step--last-child .zan-steps__line {
+.van-steps--steps .van-steps__step--last-child .van-steps__line {
   display: none;
 }
 
 /* 有描述的step */
-.zan-steps--steps .zan-steps__step--db-title {
+.van-steps--steps .van-steps__step--db-title {
   min-height: 29px;
 }
 
-.zan-steps--steps .zan-steps__step--db-title .zan-steps__line {
+.van-steps--steps .van-steps__step--db-title .van-steps__line {
   top: 45px;
 }
 
-.zan-steps--steps .zan-steps__step--db-title .zan-steps__icons {
+.van-steps--steps .van-steps__step--db-title .van-steps__icons {
   top: 43px;
 }
 
-.zan-steps--steps .zan-steps__step--db-title.zan-steps__step--cur .zan-steps__icons {
+.van-steps--steps .van-steps__step--db-title.van-steps__step--cur .van-steps__icons {
   top: 39px;
 }
diff --git a/packages/steps/wxss/vstep.pcss b/packages/steps/wxss/vstep.pcss
index 7fe8c3a6..165cf80d 100644
--- a/packages/steps/wxss/vstep.pcss
+++ b/packages/steps/wxss/vstep.pcss
@@ -1,18 +1,18 @@
-.zan-steps--vsteps {
+.van-steps--vsteps {
   color: #999;
   font-size: 14px;
 }
 
-.zan-steps--vsteps .zan-steps__step {
+.van-steps--vsteps .van-steps__step {
   position: relative;
   padding: 15px 0;
 }
 
-.zan-steps--vsteps .zan-steps__step--done {
+.van-steps--vsteps .van-steps__step--done {
   color: #44BB00;
 }
 
-.zan-steps--vsteps .zan-steps__line {
+.van-steps--vsteps .van-steps__line {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -21,17 +21,17 @@
   background-color: #e5e5e5;
 }
 
-.zan-steps--vsteps .zan-steps__title {
+.van-steps--vsteps .van-steps__title {
   display: inline-block;
   line-height: 20px;
   padding-left: 27px;
 }
 
-.zan-steps--vsteps .zan-steps__title--desc {
+.van-steps--vsteps .van-steps__title--desc {
   padding-left: 3px;
 }
 
-.zan-steps--vsteps .zan-steps__icons {
+.van-steps--vsteps .van-steps__icons {
   position: absolute;
   left: 7px;
   top: 50%;
@@ -41,20 +41,20 @@
   background-color: #fff;
 }
 
-.zan-steps--vsteps .zan-steps__circle {
+.van-steps--vsteps .van-steps__circle {
   width: 5px;
   height: 5px;
   background-color: #e5e5e5;
   border-radius: 10px;
 }
 
-.zan-steps--vsteps .zan-steps__step--done .zan-steps__circle {
+.van-steps--vsteps .van-steps__step--done .van-steps__circle {
   width: 5px;
   height: 5px;
   background-color: #09bb07;
 }
 
-.zan-steps--vsteps .zan-steps__step--cur .zan-steps__circle {
+.van-steps--vsteps .van-steps__step--cur .van-steps__circle {
   width: 13px;
   height: 13px;
   background: transparent url("https://b.yzcdn.cn/v2/image/wap/success_small@2x.png");
@@ -62,12 +62,12 @@
   border-radius:0;
 }
 
-.zan-steps--vsteps .zan-steps__icon--active {
+.van-steps--vsteps .van-steps__icon--active {
   width: 13px;
   height: 13px;
 }
 
-.zan-steps--vsteps .zan-steps__step--first-child .zan-steps__title::before {
+.van-steps--vsteps .van-steps__step--first-child .van-steps__title::before {
   content: '';
   position: absolute;
   top: 0;
@@ -78,7 +78,7 @@
   z-index: 1;
 }
 
-.zan-steps--vsteps .zan-steps__step--last-child .zan-steps__title::after {
+.van-steps--vsteps .van-steps__step--last-child .van-steps__title::after {
   content: '';
   position: absolute;
   top: 50%;
diff --git a/packages/switch/README.md b/packages/switch/README.md
index 04801584..f0ae430d 100644
--- a/packages/switch/README.md
+++ b/packages/switch/README.md
@@ -5,20 +5,20 @@
 ```json
 {
   "usingComponents": {
-    "zan-switch": "path/to/vant-weapp/dist/switch/index"
+    "van-switch": "path/to/vant-weapp/dist/switch/index"
   }
 }
 ```
 
 ### 代码演示
-可以在页面任意位置上使用 zan-switch 标签。
+可以在页面任意位置上使用 van-switch 标签。
 ```html
-<zan-switch
+<van-switch
   disabled="{{ disabled }}"
   checked="{{ checked }}"
   loading="{{ loading }}"
   bind:change="handleFieldChange"
-></zan-switch>
+></van-switch>
 ```
 
 ```js
diff --git a/packages/switch/index.pcss b/packages/switch/index.pcss
index 796c9130..b12448fe 100644
--- a/packages/switch/index.pcss
+++ b/packages/switch/index.pcss
@@ -1,4 +1,4 @@
-.zan-switch {
+.van-switch {
   position: relative;
   display: inline-block;
   width: 52px;
@@ -9,7 +9,7 @@
   background: #44DB5E;
   border: 1px solid #44DB5E;
 }
-.zan-switch__circle {
+.van-switch__circle {
   position: absolute;
   top: 0;
   left: 0;
@@ -23,7 +23,7 @@
   transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
   z-index: 2;
 }
-.zan-switch__bg {
+.van-switch__bg {
   position: absolute;
   top: -1px;
   left: -1px;
@@ -38,16 +38,16 @@
   transform: scale(0);
   transform-origin: 36px 16px;
 }
-.zan-switch--on .zan-switch__circle {
+.van-switch--on .van-switch__circle {
   transform: translateX(20px);
 }
-.zan-switch--off .zan-switch__bg {
+.van-switch--off .van-switch__bg {
   transform: scale(1);
 }
-.zan-swtich--disabled {
+.van-swtich--disabled {
   opacity: 0.4;
 }
-.zan-switch__loading {
+.van-switch__loading {
   position: absolute;
   left: 7px;
   top: 7px;
@@ -55,10 +55,10 @@
   height: 16px;
   background: url(https://img.yzcdn.cn/public_files/2017/02/24/9acec77d91106cd15b8107c4633d9155.png) no-repeat;
   background-size: 16px 16px;
-  animation: zan-switch-loading 0.8s infinite linear;
+  animation: van-switch-loading 0.8s infinite linear;
 }
 
-@keyframes zan-switch-loading {
+@keyframes van-switch-loading {
   from {
     transform: rotate(0);
   }
diff --git a/packages/switch/index.wxml b/packages/switch/index.wxml
index afd3468a..b0d87524 100644
--- a/packages/switch/index.wxml
+++ b/packages/switch/index.wxml
@@ -1,12 +1,12 @@
 <view
-  class="custom-class theme-class zan-switch zan-switch--{{ checked ? 'on' : 'off' }} {{ disabled ? 'zan-swtich--disabled' : '' }}"
+  class="custom-class theme-class van-switch van-switch--{{ checked ? 'on' : 'off' }} {{ disabled ? 'van-swtich--disabled' : '' }}"
   checked="{{ checked }}"
   loading="{{ loading }}"
   disabled="{{ disabled }}"
   bindtap="handleZanSwitchChange"
 >
-  <view class="zan-switch__circle">
-    <view hidden="{{ !loading }}" class="zan-switch__loading"></view>
+  <view class="van-switch__circle">
+    <view hidden="{{ !loading }}" class="van-switch__loading"></view>
   </view>
-  <view class="zan-switch__bg"></view>
+  <view class="van-switch__bg"></view>
 </view>
diff --git a/packages/tab/README.md b/packages/tab/README.md
index c23ccbbe..515728ba 100644
--- a/packages/tab/README.md
+++ b/packages/tab/README.md
@@ -5,7 +5,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-tab": "path/to/vant-weapp/dist/tab/index"
+    "van-tab": "path/to/vant-weapp/dist/tab/index"
   }
 }
 ```
@@ -26,9 +26,9 @@ Page({
 ```
 
 ### 代码演示
-可以在任意位置上使用 zan-tab 标签。传入对应的数据即可。
+可以在任意位置上使用 van-tab 标签。传入对应的数据即可。
 ```html
-<zan-tab
+<van-tab
   scroll="{{ scroll }}"
   list="{{ list }}"
   selected-id="{{ selectedId }}"
diff --git a/packages/tab/index.pcss b/packages/tab/index.pcss
index 9a88bd46..75cea43b 100644
--- a/packages/tab/index.pcss
+++ b/packages/tab/index.pcss
@@ -1,19 +1,19 @@
-.zan-tab {
+.van-tab {
   height: 45px;
 }
-.zan-tab__bd {
+.van-tab__bd {
   width: 100%;
   display: flex;
   flex-direction: row;
   border-bottom: 1rpx solid #e5e5e5;
   background: #fff;
 }
-.zan-tab__bd--fixed {
+.van-tab__bd--fixed {
   position: fixed;
   top: 0;
   z-index: 2;
 }
-.zan-tab__item {
+.van-tab__item {
   flex: 1;
   display: inline-block;
   padding: 0 5px;
@@ -23,7 +23,7 @@
   text-align: center;
 }
 
-.zan-tab__title {
+.van-tab__title {
   display: inline-block;
   max-width: 100%;
   height: 44px;
@@ -36,15 +36,15 @@
   color: #666;
 }
 
-.zan-tab__item--selected .zan-tab__title {
+.van-tab__item--selected .van-tab__title {
   color: #f44;
   border-bottom: 2px solid #f44;
 }
 
-.zan-tab__bd--scroll {
+.van-tab__bd--scroll {
   display: block;
   white-space: nowrap;
 }
-.zan-tab__bd--scroll .zan-tab__item {
+.van-tab__bd--scroll .van-tab__item {
   min-width: 80px;
 }
diff --git a/packages/tab/index.wxml b/packages/tab/index.wxml
index 340ef609..409e2670 100644
--- a/packages/tab/index.wxml
+++ b/packages/tab/index.wxml
@@ -1,29 +1,29 @@
 <view
-  class="zan-tab"
+  class="van-tab"
   style="{{ height ? 'height:' + height + 'px' : '' }}"
 >
   <block wx:if="{{ scroll }}">
     <scroll-view
       id="scroll-view"
-      class="zan-tab__bd zan-tab__bd--scroll {{ fixed ? 'zan-tab__bd--fixed' : '' }}"
+      class="van-tab__bd van-tab__bd--scroll {{ fixed ? 'van-tab__bd--fixed' : '' }}"
       scroll-x
       scroll-with-animation
       scroll-left="{{ scrollLeft }}"
       style="height: {{ height ? height + 'px' : 'auto' }}"
     >
       <template
-        is="zan-tab-list"
+        is="van-tab-list"
         data="{{ list, selectedId, height }}"
       />
     </scroll-view>
   </block>
   <block wx:else>
     <view
-      class="zan-tab__bd {{ fixed ? 'zan-tab__bd--fixed' : '' }}"
+      class="van-tab__bd {{ fixed ? 'van-tab__bd--fixed' : '' }}"
       style="height: {{ height ? height + 'px' : 'auto' }}"
     >
       <template
-        is="zan-tab-list"
+        is="van-tab-list"
         data="{{ list, selectedId, height }}"
       />
     </view>
@@ -32,17 +32,17 @@
 <!-- 插入内容 -->
 <slot></slot>
 
-<template name="zan-tab-list">
+<template name="van-tab-list">
   <view
     wx:for="{{ list }}"
     wx:key="id"
-    class="zan-tab__item {{ selectedId == item.id ? 'zan-tab__item--selected' : '' }}"
+    class="van-tab__item {{ selectedId == item.id ? 'van-tab__item--selected' : '' }}"
     id="item-{{ item.id }}"
     data-item-id="{{ item.id }}"
     bindtap="_handleZanTabChange"
   >
     <view
-      class="zan-tab__title"
+      class="van-tab__title"
       style="{{ height ? 'height:' + height + 'px;line-height:' + height + 'px' : '' }}"
     >
       {{ item.title }}
diff --git a/packages/tag/README.md b/packages/tag/README.md
index dfba8560..a28109fd 100644
--- a/packages/tag/README.md
+++ b/packages/tag/README.md
@@ -4,7 +4,7 @@
 在 json 文件中配置tag组件
 ```json
 "usingComponents": {
-  "zan-tag": "path/to/vant-weapp/dist/tag/index"
+  "van-tag": "path/to/vant-weapp/dist/tag/index"
 }
 ```
 
@@ -12,27 +12,27 @@
 
 #### 基础用法
 ```html
-<zan-tag>取消订单</zan-tag>
+<van-tag>取消订单</van-tag>
 ```
 
 #### 类型
 tag支持额外的三种类型 primary, danger, warn
 ```html
-<zan-tag type="primary">会员折扣</zan-tag>
-<zan-tag type="danger">返现</zan-tag>
-<zan-tag type="warn">返现</zan-tag>
+<van-tag type="primary">会员折扣</van-tag>
+<van-tag type="danger">返现</van-tag>
+<van-tag type="warn">返现</van-tag>
 ```
 
 
 #### 其他
 tag镂空状态
 ```html
-<zan-tag plain>返现</zan-tag>
+<van-tag plain>返现</van-tag>
 ```
 
 tag禁用状态
 ```html
-<zan-tag disabled>不可用</zan-tag>
+<van-tag disabled>不可用</van-tag>
 ```
 
 
diff --git a/packages/tag/index.pcss b/packages/tag/index.pcss
index 74fdaff4..c84e0bfa 100644
--- a/packages/tag/index.pcss
+++ b/packages/tag/index.pcss
@@ -1,7 +1,7 @@
 @import '../common/_var';
 @import "../common/_mixins";
 
-.zan-tag {
+.van-tag {
   display: inline-block;
   position: relative;
   box-sizing: border-box;
@@ -20,13 +20,13 @@
   }
 }
 
-.zan-tag--plain {
+.van-tag--plain {
   color: $gray;
   background: $white;
 }
 
 /* 各种主题代码 */
-.zan-tag--primary {
+.van-tag--primary {
   color: $button-primary-color;
   background-color: $button-primary-background-color;
 
@@ -35,13 +35,13 @@
   }
 
   /* 空心形式 */
-  &.zan-tag--plain {
+  &.van-tag--plain {
     color: $button-primary-background-color;
     background: $white;
   }
 }
 
-.zan-tag--danger {
+.van-tag--danger {
   color: $button-danger-color;
   background: $button-danger-background-color;
 
@@ -50,13 +50,13 @@
   }
 
   /* 空心形式 */
-  &.zan-tag--plain {
+  &.van-tag--plain {
     color: $button-danger-background-color;
     background: $button-danger-color;
   }
 }
 
-.zan-tag--warn {
+.van-tag--warn {
   color: $white;
   background: #f85;
 
@@ -65,7 +65,7 @@
   }
 
   /* 空心形式 */
-  &.zan-tag--plain {
+  &.van-tag--plain {
     color: #f85;
     background: $white;
   }
@@ -73,7 +73,7 @@
 
 
 /* disabled tag */
-.zan-tag--disabled {
+.van-tag--disabled {
   color: $button-disabled-color !important;
   background: $button-disabled-background-color;
 
diff --git a/packages/tag/index.wxml b/packages/tag/index.wxml
index d012ada4..a585a66f 100644
--- a/packages/tag/index.wxml
+++ b/packages/tag/index.wxml
@@ -1,6 +1,6 @@
 
 <view 
-  class="custom-class theme-class zan-tag {{type ? 'zan-tag--'+type : ''}} {{disabled ? 'zan-tag--disabled' : ''}} {{plain ? 'zan-tag--plain' : ''}}"
+  class="custom-class theme-class van-tag {{type ? 'van-tag--'+type : ''}} {{disabled ? 'van-tag--disabled' : ''}} {{plain ? 'van-tag--plain' : ''}}"
 >
   <slot></slot>
 </view>
\ No newline at end of file
diff --git a/packages/toast/README.md b/packages/toast/README.md
index 84d0fdc9..c13e9c26 100644
--- a/packages/toast/README.md
+++ b/packages/toast/README.md
@@ -4,13 +4,13 @@
 在 json 文件中配置 toast 组件
 ```json
 "usingComponents": {
-  "zan-toast": "/path/to/vant-weapp/dist/toast/index"
+  "van-toast": "/path/to/vant-weapp/dist/toast/index"
 }
 ```
 
 在需要使用的页面里引入组件库模板和脚本
 ```html
-<zan-toast id="zan-toast-test"></zan-toast>
+<van-toast id="van-toast-test"></van-toast>
 ```
 ```js
 const Toast = require('path/to/vant-weapp/dist/toast/toast');
@@ -21,7 +21,7 @@ Page({
   handleClick() {
     Toast({
       message: 'toast me',
-      selector: '#zan-toast-test'
+      selector: '#van-toast-test'
     });
   }
 });
@@ -30,7 +30,7 @@ Page({
 #### 加载提示
 ```js
 Toast.loading({
-  selector: '#zan-toast-test'
+  selector: '#van-toast-test'
 });
 ```
 
diff --git a/packages/toast/index.json b/packages/toast/index.json
index fc0d0bf9..0a336c08 100644
--- a/packages/toast/index.json
+++ b/packages/toast/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-icon": "../icon/index"
+    "van-icon": "../icon/index"
   }
 }
diff --git a/packages/toast/index.pcss b/packages/toast/index.pcss
index ee286509..6d3f494c 100644
--- a/packages/toast/index.pcss
+++ b/packages/toast/index.pcss
@@ -1,4 +1,4 @@
-.zan-toast {
+.van-toast {
   position: fixed;
   top: 35%;
   left: 50%;
@@ -16,11 +16,11 @@
 }
 
 /* 没有文字时，需要调整展示大小 */
-.zan-toast--notitle {
+.van-toast--notitle {
   padding: 18px;
 }
 
-.zan-toast__icon {
+.van-toast__icon {
   display: block;
   width: 40px;
   height: 40px;
@@ -32,11 +32,11 @@
 }
 
 /* 加载中的状态 */
-.zan-toast__icon-loading {
+.van-toast__icon-loading {
   line-height: 0;
 }
 
-.zan-loading {
+.van-loading {
   width:20px;
   height:20px;
   display: inline-block;
@@ -46,13 +46,13 @@
   background-size: 100%;
 }
 
-.zan-toast__icon-loading .zan-loading {
+.van-toast__icon-loading .van-loading {
   width: 40px;
   height: 40px;
 }
 
 /* 自定义图标 */
-.zan-toast__icon-image {
+.van-toast__icon-image {
   background-size: 40px;
   background-position: center;
   background-repeat: no-repeat;
diff --git a/packages/toast/index.wxml b/packages/toast/index.wxml
index ac180b71..af4af861 100644
--- a/packages/toast/index.wxml
+++ b/packages/toast/index.wxml
@@ -1,5 +1,5 @@
 <view
-  class="zan-toast {{ !message ? 'zan-toast--notitle' : '' }}"
+  class="van-toast {{ !message ? 'van-toast--notitle' : '' }}"
   wx:if="{{ show }}"
   bindtap="clearZanToast"
 >
@@ -9,20 +9,20 @@
   >
     <view
       wx:if="{{ image }}"
-      class="zan-toast__icon zan-toast__icon-image"
+      class="van-toast__icon van-toast__icon-image"
       style="background-image: url({{ image }});"
     ></view>
     <view
       wx:elif="{{ icon === 'loading' }}"
-      class="zan-toast__icon zan-toast__icon-loading"
+      class="van-toast__icon van-toast__icon-loading"
     >
-      <view class="zan-loading"></view>
+      <view class="van-loading"></view>
     </view>
-    <zan-icon
+    <van-icon
       wx:else
       type="{{ icon }}"
-      class="zan-toast__icon"
-    ></zan-icon>
+      class="van-toast__icon"
+    ></van-icon>
   </block>
 
   <!-- 文案展示 -->
diff --git a/packages/toptips/README.md b/packages/toptips/README.md
index 99c4d3a1..b4a04c6e 100644
--- a/packages/toptips/README.md
+++ b/packages/toptips/README.md
@@ -5,7 +5,7 @@
 ```json
 {
   "usingComponents": {
-    "zan-toptips": "path/to/vant-weapp/dist/toptips/index"
+    "van-toptips": "path/to/vant-weapp/dist/toptips/index"
   }
 }
 ```
@@ -29,7 +29,7 @@ Page({
 })
 
 // 使用命令式调用的方式，必须在 wxml 模板中声明组件id，
-// 默认我们使用了 zan-toptips， 如果使用者要更换，可以手动传入
+// 默认我们使用了 van-toptips， 如果使用者要更换，可以手动传入
 // 注意和 usingComponents 里引用的路径不一样
 const Toptips = require('path/to/vant-weapp/dist/toptips/toptips');
 Page({
@@ -78,7 +78,7 @@ Page({
 })
 ```
 ```html
-<zan-toptips
+<van-toptips
   content="tip内容"
   duration="{{ duration }}"
   is-show="{{ $vant.toptips.show }}"
@@ -94,8 +94,8 @@ Page({
 })
 ```
 ```html
-<zan-toptips
-  id="zan-toptips"
+<van-toptips
+  id="van-toptips"
   contetn="{{ content }}"
 />
 ```
@@ -113,7 +113,7 @@ Page({
 })
 ```
 ```html
-<zan-toptips
+<van-toptips
   id="other-id"
   contetn="{{ content }}"
 />
diff --git a/packages/toptips/index.pcss b/packages/toptips/index.pcss
index e391bf04..5e8f5525 100644
--- a/packages/toptips/index.pcss
+++ b/packages/toptips/index.pcss
@@ -1,4 +1,4 @@
-.zan-toptips {
+.van-toptips {
   display: block;
   position: fixed;
   -webkit-transform: translateZ(0) translateY(-100%);
@@ -18,7 +18,7 @@
   transition: all 0.4s ease;
 }
 
-.zan-toptips--show {
+.van-toptips--show {
   -webkit-transform: translateZ(0) translateY(0);
   opacity: 1;
 }
diff --git a/packages/toptips/index.wxml b/packages/toptips/index.wxml
index bf1757cd..9f42050c 100644
--- a/packages/toptips/index.wxml
+++ b/packages/toptips/index.wxml
@@ -1 +1 @@
-<view class="zan-toptips {{ isShow ? 'zan-toptips--show' : '' }}" style="background-color:{{ backgroundColor }}">{{ content }}</view>
+<view class="van-toptips {{ isShow ? 'van-toptips--show' : '' }}" style="background-color:{{ backgroundColor }}">{{ content }}</view>
diff --git a/packages/toptips/toptips.js b/packages/toptips/toptips.js
index 7915ad6b..0fa81c78 100644
--- a/packages/toptips/toptips.js
+++ b/packages/toptips/toptips.js
@@ -3,7 +3,7 @@ function Toptips(options = {}) {
   const pages = getCurrentPages();
   const ctx = pages[pages.length - 1];
   const defaultOptions = {
-    selector: '#zan-toptips',
+    selector: '#van-toptips',
     duration: 3000
   };
 
diff --git a/packages/tree-select/README.md b/packages/tree-select/README.md
index e05d0367..1a231bc6 100644
--- a/packages/tree-select/README.md
+++ b/packages/tree-select/README.md
@@ -5,15 +5,15 @@
 ```json
 {
   "usingComponents": {
-    "zan-tree-select": "path/to/vant-weapp/dist/tree-select/index"
+    "van-tree-select": "path/to/vant-weapp/dist/tree-select/index"
   }
 }
 ```
 
 ### 代码演示
-可以在任意位置上使用 zan-tree-select 标签。传入对应的数据即可。
+可以在任意位置上使用 van-tree-select 标签。传入对应的数据即可。
 ```html
-<zan-tree-select
+<van-tree-select
   items="{{ items }}"
   main-active-index="{{ mainActiveIndex }}"
   active-id="{{ activeId }}"
diff --git a/packages/tree-select/index.json b/packages/tree-select/index.json
index fc0d0bf9..0a336c08 100644
--- a/packages/tree-select/index.json
+++ b/packages/tree-select/index.json
@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-icon": "../icon/index"
+    "van-icon": "../icon/index"
   }
 }
diff --git a/packages/tree-select/index.wxml b/packages/tree-select/index.wxml
index caa6d584..ceca0c5f 100644
--- a/packages/tree-select/index.wxml
+++ b/packages/tree-select/index.wxml
@@ -5,7 +5,7 @@
   <view class="tree-select__nav">
     <view
       wx:for="{{ items }}"
-      class="tree-select__nitem zan-ellipsis {{ mainActiveIndex === index ? 'tree-select__nitem--active' : '' }}"
+      class="tree-select__nitem van-ellipsis {{ mainActiveIndex === index ? 'tree-select__nitem--active' : '' }}"
       data-index="{{ index }}"
       bindtap="handleNavClick"
     >
@@ -19,16 +19,16 @@
     <view
       wx:for="{{ subItems }}"
       wx:key="id"
-      class="tree-select__item zan-ellipsis {{ activeId === item.id ? 'tree-select__item--active' : '' }}"
+      class="tree-select__item van-ellipsis {{ activeId === item.id ? 'tree-select__item--active' : '' }}"
       data-item="{{ item }}"
       bindtap="onItemSelect"
     >
       {{ item.text }}
-      <zan-icon
+      <van-icon
         wx:if="{{ activeId === item.id }}"
         type="success"
         class="tree-select__selected"
-      ></zan-icon>
+      ></van-icon>
     </view>
   </view>
 </view>
diff --git a/scripts/build-icon.sh b/scripts/build-icon.sh
index b8aa4535..80ea1eb5 100644
--- a/scripts/build-icon.sh
+++ b/scripts/build-icon.sh
@@ -39,10 +39,10 @@ cat > $basepath/../packages/icon/index.pcss <<EOF
        url('$(fontname ttf)') format('truetype')
 }
 
-.zan-icon {
+.van-icon {
     display: inline-block;
 }
-.zan-icon::before {
+.van-icon::before {
   font-family: "zanui-weapp-icon" !important;
   font-style: normal;
   font-weight: normal;
diff --git a/scripts/icons/fount-config.js b/scripts/icons/fount-config.js
index 46af303f..69df1cac 100644
--- a/scripts/icons/fount-config.js
+++ b/scripts/icons/fount-config.js
@@ -6,7 +6,7 @@ module.exports = {
     license: 'MIT',
     license_url: 'https://opensource.org/licenses/MIT',
     homepage: 'http://github.com/youzan',
-    css_prefix_text: 'zan-icon-',
+    css_prefix_text: 'van-icon-',
     filename_hash: true
   },
   hinting: true,