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-icon-color: @gray-7;
@uploader-file-name-font-size: @font-size-sm; @uploader-file-name-font-size: @font-size-sm;
@uploader-file-name-text-color: @gray-7; @uploader-file-name-text-color: @gray-7;
@uploader-disabled-opacity: @disabled-opacity;
// DropdownMenu // DropdownMenu
@dropdown-menu-height: 50px; @dropdown-menu-height: 50px;

View File

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

View File

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