vue+vant 组件图片上传自定义删除组件

使用vant组件中的图片上传功能,删除不完善,如何自己定义vant中图片上传功能的删除功能;

1、html模板文件:

css:

.van-doc-demo-block__title {margin: 0;font-weight: 400;font-size: .14rem;color: rgba(69,90,100,.6);padding: .35rem .15rem .15rem;}
.upfile-img .weui-uploader__files{margin-left: .1rem;float: left;}
.upfile-img .weui-uploader__input-box{margin-left: .1rem;margin-right: 0;}
.show-img .van-doc-demo-block__title{padding: .05rem .15rem .15rem;}
.show-img .applay-uploadimg .weui-uploader__file{width: .95rem;height: .95rem;}
.showImgs .van-popup{background-color:rgba(0,0,0,0); max-width: 100%;}
.showImgs .van-popup a.close{width: .20rem;height: .20rem;line-height: .20rem;position: absolute;top:0;right: 0;border: 1px solid rgb(238, 238, 238);border-radius: 50%;text-align: center;color: #fff;}
.showImgs .van-popup img{max-width: 100%;}
.partner-popup .van-popup{background-color: rgba(0,0,0,0);}
          

你可能感兴趣的:(vue,技巧)