diff --git a/src/style/var.less b/src/style/var.less index 687cabf3b..bf4bf7b43 100644 --- a/src/style/var.less +++ b/src/style/var.less @@ -682,6 +682,7 @@ @uploader-text-color: @gray-dark; @uploader-text-font-size: @font-size-sm; @uploader-upload-border-color: @gray-light; +@uploader-upload-border-radius: 4px; @uploader-upload-background-color: @white; @uploader-delete-color: @white; @uploader-delete-background-color: rgba(0, 0, 0, .45); diff --git a/src/uploader/index.js b/src/uploader/index.js index 4e530bb7b..5d79fff04 100644 --- a/src/uploader/index.js +++ b/src/uploader/index.js @@ -226,6 +226,7 @@ export default createComponent({ class={bem('preview-image')} width={this.previewSize} height={this.previewSize} + radius={4} onClick={() => { this.onPreviewImage(item); }} diff --git a/src/uploader/index.less b/src/uploader/index.less index be6abbe78..b7a5c5b8e 100644 --- a/src/uploader/index.less +++ b/src/uploader/index.less @@ -36,6 +36,7 @@ margin: 0 @padding-xs @padding-xs 0; background-color: @uploader-upload-background-color; border: 1px dashed @uploader-upload-border-color; + border-radius: @uploader-upload-border-radius; &-icon { color: @uploader-icon-color; diff --git a/src/uploader/test/__snapshots__/demo.spec.js.snap b/src/uploader/test/__snapshots__/demo.spec.js.snap index 9ebc11b08..39f2c0eb9 100644 --- a/src/uploader/test/__snapshots__/demo.spec.js.snap +++ b/src/uploader/test/__snapshots__/demo.spec.js.snap @@ -14,7 +14,7 @@ exports[`renders demo correctly 1`] = `