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

style(ActionSheet): subname align

Browse Source
This commit is contained in:
chenjiahan 2020-07-15 19:35:36 +08:00
parent 6167239b80
commit 6672b34618
3 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src-next/action-sheet/index.js
View File

@ -125,7 +125,7 @@ export default createComponent({
return [ return [
<span class={bem('name')}>{item.name}</span>, <span class={bem('name')}>{item.name}</span>,
item.subname && <span class={bem('subname')}>{item.subname}</span>, item.subname && <div class={bem('subname')}>{item.subname}</div>,
]; ];
} }

9
src-next/action-sheet/index.less
View File

@ -9,10 +9,8 @@
&__cancel { &__cancel {
display: block; display: block;
width: 100%; width: 100%;
height: @action-sheet-item-height; padding: 14px @padding-md;
padding: 0;
font-size: @action-sheet-item-font-size; font-size: @action-sheet-item-font-size;
line-height: 20px;
background-color: @action-sheet-item-background; background-color: @action-sheet-item-background;
border: none; border: none;
cursor: pointer; cursor: pointer;
@ -23,6 +21,8 @@
} }
&__item { &__item {
line-height: @action-sheet-item-line-height;
&--loading, &--loading,
&--disabled { &--disabled {
color: @action-sheet-item-disabled-text-color; color: @action-sheet-item-disabled-text-color;
@ -42,9 +42,10 @@
} }
&__subname { &__subname {
margin-left: @padding-base; margin-top: @padding-xs;
color: @action-sheet-subname-color; color: @action-sheet-subname-color;
font-size: @action-sheet-subname-font-size; font-size: @action-sheet-subname-font-size;
line-height: @action-sheet-subname-line-height;
} }
&__gap { &__gap {

12
src-next/style/var.less
View File

@ -70,13 +70,14 @@
@action-sheet-description-color: @gray-6; @action-sheet-description-color: @gray-6;
@action-sheet-description-font-size: @font-size-md; @action-sheet-description-font-size: @font-size-md;
@action-sheet-description-line-height: 20px; @action-sheet-description-line-height: 20px;
@action-sheet-item-height: 50px;
@action-sheet-item-background: @white; @action-sheet-item-background: @white;
@action-sheet-item-font-size: @font-size-lg; @action-sheet-item-font-size: @font-size-lg;
@action-sheet-item-line-height: 22px;
@action-sheet-item-text-color: @text-color; @action-sheet-item-text-color: @text-color;
@action-sheet-item-disabled-text-color: @gray-5; @action-sheet-item-disabled-text-color: @gray-5;
@action-sheet-subname-color: @gray-6; @action-sheet-subname-color: @gray-6;
@action-sheet-subname-font-size: @font-size-sm; @action-sheet-subname-font-size: @font-size-sm;
@action-sheet-subname-line-height: 20px;
@action-sheet-close-icon-size: 22px; @action-sheet-close-icon-size: 22px;
@action-sheet-close-icon-color: @gray-5; @action-sheet-close-icon-color: @gray-5;
@action-sheet-close-icon-active-color: @gray-6; @action-sheet-close-icon-active-color: @gray-6;
@ -343,7 +344,7 @@
@empty-bottom-margin-top: 24px; @empty-bottom-margin-top: 24px;
// Field // Field
@field-label-width: 6em; @field-label-width: 6.2em;
@field-label-color: @gray-7; @field-label-color: @gray-7;
@field-label-margin-right: @padding-sm; @field-label-margin-right: @padding-sm;
@field-input-text-color: @text-color; @field-input-text-color: @text-color;
@ -812,12 +813,11 @@
@uploader-icon-color: @gray-4; @uploader-icon-color: @gray-4;
@uploader-text-color: @gray-6; @uploader-text-color: @gray-6;
@uploader-text-font-size: @font-size-sm; @uploader-text-font-size: @font-size-sm;
@uploader-upload-border-radius: 8px;
@uploader-upload-background-color: @gray-1; @uploader-upload-background-color: @gray-1;
@uploader-upload-active-color: @active-color; @uploader-upload-active-color: @active-color;
@uploader-delete-color: @gray-6; @uploader-delete-color: @white;
@uploader-delete-icon-size: 18px; @uploader-delete-icon-size: 14px;
@uploader-delete-background-color: @white; @uploader-delete-background-color: rgba(0, 0, 0, 0.7);
@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;