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