diff --git a/pkg_join/views/wholesaler.vue b/pkg_join/views/wholesaler.vue index ce8e1ed..bac3623 100644 --- a/pkg_join/views/wholesaler.vue +++ b/pkg_join/views/wholesaler.vue @@ -44,11 +44,19 @@ v-if="!form.avatar" class="btn-upload" >上传图片 - + + + + x + + @@ -139,12 +147,23 @@ >上传图片 - + class="img-wrap" + > + + + x + + @@ -433,6 +452,15 @@ export default { } }) }, + // 删除图片 + deleteImg(target, index) { + if (target === 'avatar') { + this.form.avatar = '' + } else if (target === 'qualification') { + this.qualificationArr.splice(index, 1) + this.form.qualification = this.qualificationArr.join(',') + } + }, // 省市区 result(values) { this.address = { @@ -526,6 +554,23 @@ export default { .font-color-red{ font-size: 24rpx; } +.img-wrap { + position: relative; + display: inline-block; + + .delete-badge { + position: absolute; + top: 0; + right: 20rpx; + background: #000; + color: #fff; + padding: 2rpx 8rpx; + border-radius: 0 0 0 200rpx; + font-size: 22rpx; + z-index: 10; + text-align: center; + } +} .captcha-wrap { display: flex; align-items: center;