vant components

packages/toast/src/toast.vue

@@ -1,26 +1,26 @@
 <template>
-  <transition name="zan-toast-fade">
-    <div class="zan-toast-wrapper" v-show="visible">
-      <div class="zan-toast" :class="['zan-toast--' + displayStyle]">
+  <transition name="van-toast-fade">
+    <div class="van-toast-wrapper" v-show="visible">
+      <div class="van-toast" :class="['van-toast--' + displayStyle]">
         <!-- 只显示文字 -->
         <template v-if="displayStyle === 'text'" >
-          <div class="zan-toast__text">{{message}}</div>
+          <div class="van-toast__text">{{message}}</div>
         </template>
         <!-- 加载中 -->
         <template v-if="displayStyle === 'loading'">
-            <zan-loading v-if="type === 'loading'" type="gradient-circle" color="white"></zan-loading>
+            <van-loading v-if="type === 'loading'" type="gradient-circle" color="white"></van-loading>
         </template>
         <!-- 图案加文字 -->
         <template v-if="displayStyle === 'default'">
-          <zan-icon class="zan-toast__icon" :name="type"></zan-icon>
-          <div class="zan-toast__text">{{message}}</div>
+          <van-icon class="van-toast__icon" :name="type"></van-icon>
+          <div class="van-toast__text">{{message}}</div>
         </template>
         <!-- 传入html -->
         <template v-if="displayStyle === 'html'">
-          <div class="zan-toast__text" v-html="message"></div>
+          <div class="van-toast__text" v-html="message"></div>
         </template>
       </div>
-      <div class="zan-toast__overlay" v-if="forbidClick"></div>
+      <div class="van-toast__overlay" v-if="forbidClick"></div>
     </div>
   </transition>
 </template>
@@ -32,7 +32,7 @@ import zanIcon from 'packages/icon';
 const TOAST_TYPES = ['text', 'html', 'loading', 'success', 'fail'];
 const DEFAULT_STYLE_LIST = ['success', 'fail'];
 /**
- * zan-toast
+ * van-toast
  * @module components/toast
  * @desc toast
  * @param {string} [type=false] - 类型
@@ -40,11 +40,11 @@ const DEFAULT_STYLE_LIST = ['success', 'fail'];
  *
  */
 export default {
-  name: 'zan-toast',
+  name: 'van-toast',
 
   components: {
-    'zan-loading': zanLoading,
-    'zan-icon': zanIcon
+    'van-loading': zanLoading,
+    'van-icon': zanIcon
   },
   props: {
     type: {