Skip to content

Commit cd1e5d1

Browse files
chenjiahanchenjiahan
authored
docs(Uploader): update demo image (youzan#4714)
1 parent aeee6b9 commit cd1e5d1

4 files changed

Lines changed: 28 additions & 29 deletions

File tree

‎src/uploader/README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ export default {
3838
data() {
3939
return {
4040
fileList: [
41-
{ url: 'https://img.yzcdn.cn/vant/cat.jpeg' }
41+
{ url: 'https://img.yzcdn.cn/vant/leaf.jpg' }
4242
]
4343
}
4444
}

‎src/uploader/README.zh-CN.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ export default {
4343
data() {
4444
return {
4545
fileList: [
46-
{ url: 'https://img.yzcdn.cn/vant/cat.jpeg' },
46+
{ url: 'https://img.yzcdn.cn/vant/leaf.jpg' },
4747
// Uploader 根据文件后缀来判断是否为图片文件
4848
// 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
4949
{ url: 'https://cloud-image', isImage: true }

‎src/uploader/demo/index.vue‎

Lines changed: 10 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -5,37 +5,21 @@
55
</demo-block>
66

77
<demo-block :title="$t('preview')">
8-
<van-uploader
9-
v-model="fileList"
10-
multiple
11-
accept="*"
12-
/>
8+
<van-uploader v-model="fileList" multiple accept="*" />
139
</demo-block>
1410

1511
<demo-block :title="$t('maxCount')">
16-
<van-uploader
17-
v-model="fileList2"
18-
multiple
19-
:max-count="2"
20-
/>
12+
<van-uploader v-model="fileList2" multiple :max-count="2" />
2113
</demo-block>
2214

2315
<demo-block :title="$t('uploadStyle')">
2416
<van-uploader>
25-
<van-button
26-
type="primary"
27-
icon="photo"
28-
>
29-
{{ this.$t('upload') }}
30-
</van-button>
17+
<van-button type="primary" icon="photo">{{ this.$t('upload') }}</van-button>
3118
</van-uploader>
3219
</demo-block>
3320

3421
<demo-block :title="$t('beforeRead')">
35-
<van-uploader
36-
v-model="fileList3"
37-
:before-read="beforeRead"
38-
/>
22+
<van-uploader v-model="fileList3" :before-read="beforeRead" />
3923
</demo-block>
4024
</demo-section>
4125
</template>
@@ -63,8 +47,11 @@ export default {
6347
6448
data() {
6549
return {
66-
fileList: [{ url: 'https://img.yzcdn.cn/vant/cat.jpeg' }],
67-
fileList2: [],
50+
fileList: [
51+
{ url: 'https://img.yzcdn.cn/vant/leaf.jpg' },
52+
{ url: 'https://img.yzcdn.cn/vant/tree.jpg' }
53+
],
54+
fileList2: [{ url: 'https://img.yzcdn.cn/vant/sand.jpg' }],
6855
fileList3: []
6956
};
7057
},
@@ -87,7 +74,7 @@ export default {
8774
</script>
8875

8976
<style lang="less">
90-
@import "../../style/var";
77+
@import '../../style/var';
9178
9279
.demo-uploader {
9380
background-color: @white;

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

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,14 @@ exports[`renders demo correctly 1`] = `
1414
<div class="van-uploader">
1515
<div class="van-uploader__wrapper">
1616
<div class="van-uploader__preview">
17-
<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;">
17+
<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;">
18+
<div class="van-image__loading"><i class="van-icon van-icon-photo-o" style="font-size: 22px;">
19+
<!----></i></div>
20+
</div><i class="van-icon van-icon-clear van-uploader__preview-delete">
21+
<!----></i>
22+
</div>
23+
<div class="van-uploader__preview">
24+
<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;">
1825
<div class="van-image__loading"><i class="van-icon van-icon-photo-o" style="font-size: 22px;">
1926
<!----></i></div>
2027
</div><i class="van-icon van-icon-clear van-uploader__preview-delete">
@@ -28,6 +35,13 @@ exports[`renders demo correctly 1`] = `
2835
<div>
2936
<div class="van-uploader">
3037
<div class="van-uploader__wrapper">
38+
<div class="van-uploader__preview">
39+
<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;">
40+
<div class="van-image__loading"><i class="van-icon van-icon-photo-o" style="font-size: 22px;">
41+
<!----></i></div>
42+
</div><i class="van-icon van-icon-clear van-uploader__preview-delete">
43+
<!----></i>
44+
</div>
3145
<div class="van-uploader__upload"><i class="van-icon van-icon-plus van-uploader__upload-icon">
3246
<!----></i><input multiple="multiple" type="file" accept="image/*" class="van-uploader__input"></div>
3347
</div>
@@ -37,9 +51,7 @@ exports[`renders demo correctly 1`] = `
3751
<div class="van-uploader">
3852
<div class="van-uploader__wrapper">
3953
<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">
40-
<!----></i><span class="van-button__text">
41-
上传文件
42-
</span></button><input type="file" accept="image/*" class="van-uploader__input"></div>
54+
<!----></i><span class="van-button__text">上传文件</span></button><input type="file" accept="image/*" class="van-uploader__input"></div>
4355
</div>
4456
</div>
4557
</div>

0 commit comments

Comments
 (0)