ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-21 03:11:15 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

[Improvement] use bem mixin (#934)

Browse Source
This commit is contained in:
neverland
2018-04-25 11:50:10 +08:00
committed by GitHub
parent c012a65ba3
commit 8e911c75f9
25 changed files with 107 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/sku/components/SkuImgUploader.vue
View File

@@ -1,14 +1,13 @@
<template>
<div class="van-sku-img-uploader">
<div :class="b()">
<!-- 头部 -->
<van-uploader
:disabled="!!paddingImg"
:after-read="afterReadFile"
:max-size="maxSize * 1024 * 1024"
accept="image/*"
@oversize="$toast($t('maxSize', maxSize))"
>
<div class="van-sku-img-uploader__header">
<div :class="b('header')">
<div v-if="paddingImg">{{ $t('uploading') }}</div>
<template v-else>
<icon name="photograph" />
@@ -23,15 +22,15 @@
<!-- 已有的图片,图片右上角显示删除按钮 -->
<div
v-for="(img, index) in imgList"
class="van-sku-img-uploader__img"
:class="b('img')"
>
<img :src="img">
<icon name="clear" class="van-sku-img-uploader__delete" @click="$emit('input', '')" />
<icon name="clear" :class="b('delete')" @click="$emit('input', '')" />
</div>
<!-- 正在上传的图片,有上传等待提示 -->
<div v-if="paddingImg" class="van-sku-img-uploader__img">
<div v-if="paddingImg" :class="b('img')">
<img :src="paddingImg">
<loading class="van-sku-img-uploader__uploading" type="spinner" color="black" />
<loading :class="b('uploading')" type="spinner" color="black" />
</div>
</div>
</div>