【vue3+ts+vant】上传图片

1.使用 van-upload 组件，进行样式和功能配置

• 组件基础结构
• 配置文字和图标
• 配置最多数量和最大体积
• 支持双向数据绑定，支持选择图片后触发函数，支持点击删除事件函数

 基础结构

        
        
        
最多9张图,最大5MB
 

修改组件样式scss

  ::v-deep() {
    .van-uploader {
      &__preview {
        &-delete {
          left: -6px;
          top: -6px;
          border-radius: 50%;
          background-color: pink;
          width: 20px;
          height: 20px;
          &-icon {
            transform: scale(0.9) translate(-22%, 22%);
          }
        }
        &-image {
          border-radius: 8px;
          overflow: hidden;
        }
      }
      &__upload {
        border-radius: 8px;
      }
      &__upload-icon {
        color: gray;