blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
neverland 2019-10-14 14:12:59 +08:00 committed by GitHub
parent aeee6b97d1
commit cd1e5d112a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 28 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/uploader/README.md
View File

@ -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' }
]
}
}

2
src/uploader/README.zh-CN.md
View File

@ -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 }

33
src/uploader/demo/index.vue
View File

@ -5,37 +5,21 @@
</demo-block>
<demo-block :title="$t('preview')">
<van-uploader
v-model="fileList"
multiple
accept="*"
/>
<van-uploader v-model="fileList" multiple accept="*" />
</demo-block>
<demo-block :title="$t('maxCount')">
<van-uploader
v-model="fileList2"
multiple
:max-count="2"
/>
<van-uploader v-model="fileList2" multiple :max-count="2" />
</demo-block>
<demo-block :title="$t('uploadStyle')">
<van-uploader>
<van-button
type="primary"
icon="photo"
>
{{ this.$t('upload') }}
</van-button>
<van-button type="primary" icon="photo">{{ this.$t('upload') }}</van-button>
</van-uploader>
</demo-block>
<demo-block :title="$t('beforeRead')">
<van-uploader
v-model="fileList3"
:before-read="beforeRead"
/>
<van-uploader 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' }],
fileList2: [],
fileList: [
{ 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;

20
src/uploader/test/__snapshots__/demo.spec.js.snap
View File

@ -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">
上传文件
</span></button><input type="file" accept="image/*" class="van-uploader__input"></div>
<!----></i><span class="van-button__text">上传文件</span></button><input type="file" accept="image/*" class="van-uploader__input"></div>
</div>
</div>
</div>