blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/common/style/var.less
View File

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

11
packages/uploader/index.less
View File

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

2
packages/uploader/index.wxml
View File

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