docs(Uploader): update demo image (#4714)

src/uploader/README.md

@@ -38,7 +38,7 @@ export default {
   data() {
     return {
       fileList: [
-        { url: 'https://img.yzcdn.cn/vant/cat.jpeg' }
+        { url: 'https://img.yzcdn.cn/vant/leaf.jpg' }
       ]
     }
   }

src/uploader/README.zh-CN.md

@@ -43,7 +43,7 @@ export default {
   data() {
     return {
       fileList: [
-        { url: 'https://img.yzcdn.cn/vant/cat.jpeg' },
+        { url: 'https://img.yzcdn.cn/vant/leaf.jpg' },
         // Uploader 根据文件后缀来判断是否为图片文件
         // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
         { url: 'https://cloud-image', isImage: true }

src/uploader/demo/index.vue

@@ -5,37 +5,21 @@
     </demo-block>
 
     <demo-block :title="$t('preview')">
-      <van-uploader
+      <van-uploader v-model="fileList" multiple accept="*" />
-        v-model="fileList"
-        multiple
-        accept="*"
-      />
     </demo-block>
 
     <demo-block :title="$t('maxCount')">
-      <van-uploader
+      <van-uploader v-model="fileList2" multiple :max-count="2" />
-        v-model="fileList2"
-        multiple
-        :max-count="2"
-      />
     </demo-block>
 
     <demo-block :title="$t('uploadStyle')">
       <van-uploader>
-        <van-button
+        <van-button type="primary" icon="photo">{{ this.$t('upload') }}</van-button>
-          type="primary"
-          icon="photo"
-        >
-          {{ this.$t('upload') }}
-        </van-button>
       </van-uploader>
     </demo-block>
 
     <demo-block :title="$t('beforeRead')">
-      <van-uploader
+      <van-uploader v-model="fileList3" :before-read="beforeRead" />
-        v-model="fileList3"
-        :before-read="beforeRead"
-      />
     </demo-block>
   </demo-section>
 </template>
@@ -63,8 +47,11 @@ export default {
 
   data() {
     return {
-      fileList: [{ url: 'https://img.yzcdn.cn/vant/cat.jpeg' }],
+      fileList: [
-      fileList2: [],
+        { url: 'https://img.yzcdn.cn/vant/leaf.jpg' },
+        { url: 'https://img.yzcdn.cn/vant/tree.jpg' }
+      ],
+      fileList2: [{ url: 'https://img.yzcdn.cn/vant/sand.jpg' }],
       fileList3: []
     };
   },
@@ -87,7 +74,7 @@ export default {
 </script>
 
 <style lang="less">
-@import "../../style/var";
+@import '../../style/var';
 
 .demo-uploader {
   background-color: @white;

src/uploader/test/__snapshots__/demo.spec.js.snap

@@ -14,7 +14,14 @@ exports[`renders demo correctly 1`] = `
     <div class="van-uploader">
       <div class="van-uploader__wrapper">
         <div class="van-uploader__preview">
-          <div class="van-image van-uploader__preview-image" style="overflow: hidden; border-radius: 4px;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
+          <div class="van-image van-uploader__preview-image" style="overflow: hidden; border-radius: 4px;"><img src="https://img.yzcdn.cn/vant/leaf.jpg" class="van-image__img" style="object-fit: cover;">
+            <div class="van-image__loading"><i class="van-icon van-icon-photo-o" style="font-size: 22px;">
+                <!----></i></div>
+          </div><i class="van-icon van-icon-clear van-uploader__preview-delete">
+            <!----></i>
+        </div>
+        <div class="van-uploader__preview">
+          <div class="van-image van-uploader__preview-image" style="overflow: hidden; border-radius: 4px;"><img src="https://img.yzcdn.cn/vant/tree.jpg" class="van-image__img" style="object-fit: cover;">
             <div class="van-image__loading"><i class="van-icon van-icon-photo-o" style="font-size: 22px;">
                 <!----></i></div>
           </div><i class="van-icon van-icon-clear van-uploader__preview-delete">
@@ -28,6 +35,13 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-uploader">
       <div class="van-uploader__wrapper">
+        <div class="van-uploader__preview">
+          <div class="van-image van-uploader__preview-image" style="overflow: hidden; border-radius: 4px;"><img src="https://img.yzcdn.cn/vant/sand.jpg" class="van-image__img" style="object-fit: cover;">
+            <div class="van-image__loading"><i class="van-icon van-icon-photo-o" style="font-size: 22px;">
+                <!----></i></div>
+          </div><i class="van-icon van-icon-clear van-uploader__preview-delete">
+            <!----></i>
+        </div>
         <div class="van-uploader__upload"><i class="van-icon van-icon-plus van-uploader__upload-icon">
             <!----></i><input multiple="multiple" type="file" accept="image/*" class="van-uploader__input"></div>
       </div>
@@ -37,9 +51,7 @@ exports[`renders demo correctly 1`] = `
     <div class="van-uploader">
       <div class="van-uploader__wrapper">
         <div class="van-uploader__input-wrapper"><button class="van-button van-button--primary van-button--normal"><i class="van-icon van-icon-photo van-button__icon">
-              <!----></i><span class="van-button__text">
+              <!----></i><span class="van-button__text">上传文件</span></button><input type="file" accept="image/*" class="van-uploader__input"></div>
-        上传文件
-      </span></button><input type="file" accept="image/*" class="van-uploader__input"></div>
       </div>
     </div>
   </div>