blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-08-07 22:01:15 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
neverland 2020-07-14 19:50:34 +08:00 committed by GitHub
parent 20d1f2ede0
commit 3a3999ccaa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -575,9 +575,9 @@
@uploader-text-font-size: @font-size-sm;
@uploader-upload-background-color: @gray-1;
@uploader-upload-active-color: @active-color;
@uploader-delete-color: @gray-6;
@uploader-delete-icon-size: 18px;
@uploader-delete-background-color: @white;
@uploader-delete-color: @white;
@uploader-delete-icon-size: 14px;
@uploader-delete-background-color: rgba(0, 0, 0, 0.7);
@uploader-file-background-color: @background-color;
@uploader-file-icon-size: 20px;
@uploader-file-icon-color: @gray-7;

20
packages/uploader/index.less
View File

@ -66,17 +66,19 @@
position: absolute;
top: 0;
right: 0;
z-index: 1;
display: flex;
padding: 10px;
border-radius: 50%;
transform: translate(50%, -50%);
width: @uploader-delete-icon-size;
height: @uploader-delete-icon-size;
background-color: @uploader-delete-background-color;
border-radius: 0 0 0 12px;
&__icon {
&-icon {
position: absolute;
top: -2px;
right: -2px;
color: #fff;
color: @uploader-delete-color;
font-size: @uploader-delete-icon-size;
background-color: @uploader-delete-background-color;
border-radius: 50%;
font-size: 16px;
transform: scale(0.5);
}
}
}

4
packages/uploader/index.wxml
View File

@ -43,8 +43,8 @@
class="van-uploader__preview-delete"
catch:tap="deleteItem"
>
<van-icon name="clear" class="van-uploader__preview-delete__icon" />
</view>
<van-icon name="cross" class="van-uploader__preview-delete-icon" />
</view>
</view>
<!-- 上传样式 -->