feat(Uploader): update delete icon style (#2410)

This commit is contained in:
neverland 2019-11-27 16:41:54 +08:00 committed by GitHub
parent 9b45b71b88
commit cee926059e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 10 deletions

View File

@ -510,8 +510,9 @@
@uploader-upload-border-color: @gray-3;
@uploader-upload-border-radius: 4px;
@uploader-upload-background-color: @white;
@uploader-delete-color: @white;
@uploader-delete-background-color: rgba(0, 0, 0, .45);
@uploader-delete-color: @gray-6;
@uploader-delete-icon-size: 18px;
@uploader-delete-background-color: @white;
@uploader-file-background-color: @background-color;
@uploader-file-icon-size: 20px;
@uploader-file-icon-color: @gray-7;

View File

@ -51,15 +51,12 @@
&-delete {
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
width: 18px;
height: 18px;
padding: 1px;
top: -8px;
right: -8px;
color: @uploader-delete-color;
text-align: center;
font-size: @uploader-delete-icon-size;
background-color: @uploader-delete-background-color;
border-radius: 100%;
}
}

View File

@ -28,7 +28,7 @@
<view class="van-uploader__file-name van-ellipsis">{{ item.name || item.url || item.path }}</view>
</view>
<van-icon
name="delete"
name="clear"
class="van-uploader__preview-delete"
data-index="{{ index }}"
bind:tap="deleteItem"