lincl 3 years ago
parent
commit
0281105e4f
2 changed files with 13 additions and 2 deletions
  1. 11 1
      src/components/Form/Upload.vue
  2. 2 1
      src/components/Form/example/index.vue

+ 11 - 1
src/components/Form/Upload.vue

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

+ 2 - 1
src/components/Form/example/index.vue

@ -34,7 +34,8 @@ export default {
		this.$nextTick(()=>{
			this.$refs.form.setValues({
				name: "aaa",
				sex: 1
				sex: 1,
				// photo: 'aa'
			})
		})
		console.log(this.config)