alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

[new feature] Uploader: add preview prop

Browse Source
This commit is contained in:
陈嘉涵
2019-06-04 15:16:11 +08:00
parent 39339fdda7
commit 03af04e81e
9 changed files with 140 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/uploader/test/__snapshots__/demo.spec.js.snap
+10 -4
View File
@@ -4,15 +4,21 @@ exports[`renders demo correctly 1`] = `
<div>
<div>
<div class="van-uploader">
<div class="van-uploader__upload"><i class="van-icon van-icon-plus van-uploader__upload-icon">
<!----></i></div><input type="file" accept="image/*" class="van-uploader__input">
<div class="van-uploader__wrapper">
<div class="van-uploader__upload"><i class="van-icon van-icon-plus van-uploader__upload-icon">
<!----></i><input type="file" accept="image/*" class="van-uploader__input"></div>
</div>
</div>
</div>
<div>
<div class="van-uploader"><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">
<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>
</div>
</div>
</div>
</div>
`;
packages/uploader/test/__snapshots__/index.spec.js.snap
+23
View File
@@ -0,0 +1,23 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`render preview image 1`] = `
<div class="van-uploader">
<div class="van-uploader__wrapper">
<div class="van-image van-uploader__preview"><img src="test" 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>
<div class="van-uploader__upload"><i class="van-icon van-icon-plus van-uploader__upload-icon">
<!----></i><input type="file" accept="image/*" class="van-uploader__input"></div>
</div>
</div>
`;
exports[`render upload-text 1`] = `
<div class="van-uploader">
<div class="van-uploader__wrapper">
<div class="van-uploader__upload"><i class="van-icon van-icon-plus van-uploader__upload-icon">
<!----></i><span class="van-uploader__upload-text">Text</span><input type="file" accept="image/*" class="van-uploader__input"></div>
</div>
</div>
`;