feat(Uploader): add uploader component disabled style (#2720)

This commit is contained in:
Lindy 2020-02-04 15:36:51 +08:00 committed by GitHub
parent 0d9850a11d
commit 3f550d49cd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 1 deletions

View File

@ -519,6 +519,7 @@
@uploader-file-icon-color: @gray-7;
@uploader-file-name-font-size: @font-size-sm;
@uploader-file-name-text-color: @gray-7;
@uploader-disabled-opacity: @disabled-opacity;
// DropdownMenu
@dropdown-menu-height: 50px;

View File

@ -1,4 +1,5 @@
@import '../common/style/var.less';
@import '../common/style/theme.less';
.van-uploader {
position: relative;
@ -44,6 +45,10 @@
color: @uploader-text-color;
font-size: @uploader-text-font-size;
}
&--disabled {
.theme(opacity, '@uploader-disabled-opacity');
}
}
&__preview {

View File

@ -44,7 +44,7 @@
<!-- 默认上传样式 -->
<view
class="van-uploader__upload"
class="van-uploader__upload {{ disabled ? 'van-uploader__upload--disabled': ''}}"
style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
bind:tap="startUpload"
>