|
@ -11,7 +11,10 @@
|
|
|
:on-preview="handlePictureCardPreview"
|
|
|
:before-upload="beforeUploadPic">
|
|
|
<div class="avatar-uploader" v-if="!configs.multiple" :class="configs.round? 'avatar-uploader-round' : ''">
|
|
|
<img v-if="imgList&&imgList.length" :src="setImgUrl(imgList[0])" class="avatar">
|
|
|
<template v-if="imgList&&imgList.length">
|
|
|
<img :src="setImgUrl(imgList[0])" class="avatar">
|
|
|
<i @click.stop="imgList.splice(0, 1)" class="el-icon-delete avatar-delete-icon"/>
|
|
|
</template>
|
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
</div>
|
|
|
<i v-else class="el-icon-plus"></i>
|
|
@ -161,6 +164,7 @@ export default {
|
|
|
-webkit-box-pack: center;
|
|
|
overflow: hidden;
|
|
|
border: 1px solid #ccc;
|
|
|
position: relative;
|
|
|
img{
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
@ -169,6 +173,12 @@ export default {
|
|
|
&.avatar-uploader-round{
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
.avatar-delete-icon{
|
|
|
position: absolute;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
font-size: 20px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</style>
|