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

[bugfix] AddressList: can't select item when click empty area (#3909)

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

2
src/address-list/index.less
View File

@ -50,7 +50,7 @@
&__edit { &__edit {
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 15px; right: @padding-md;
font-size: @address-list-edit-icon-size; font-size: @address-list-edit-icon-size;
transform: translate(0, -50%); transform: translate(0, -50%);
} }

4
src/address-list/index.tsx
View File

@ -42,6 +42,10 @@ function AddressList(
switchable={props.switchable} switchable={props.switchable}
onSelect={() => { onSelect={() => {
emit(ctx, disabled ? 'select-disabled' : 'select', item, index); emit(ctx, disabled ? 'select-disabled' : 'select', item, index);
if (!disabled) {
emit(ctx, 'input', item.id);
}
}} }}
onEdit={() => { onEdit={() => {
emit(ctx, disabled ? 'edit-disabled' : 'edit', item, index); emit(ctx, disabled ? 'edit-disabled' : 'edit', item, index);

7
src/style/var.less
View File

@ -18,6 +18,7 @@
@active-color: #f2f3f5; @active-color: #f2f3f5;
@background-color: #f8f8f8; @background-color: #f8f8f8;
@background-color-light: #fafafa; @background-color-light: #fafafa;
@padding-xl: 32px;
@padding-lg: 24px; @padding-lg: 24px;
@padding-md: 16px; @padding-md: 16px;
@padding-sm: 12px; @padding-sm: 12px;
@ -41,8 +42,8 @@
@action-sheet-cancel-padding-color: @background-color; @action-sheet-cancel-padding-color: @background-color;
// AddressEdit // AddressEdit
@address-edit-buttons-padding: 30px 15px; @address-edit-buttons-padding: @padding-xl @padding-md;
@address-edit-button-margin-bottom: 15px; @address-edit-button-margin-bottom: @padding-md;
@address-edit-detail-finish-color: @blue; @address-edit-detail-finish-color: @blue;
@address-edit-detail-fnish-font-size: 12px; @address-edit-detail-fnish-font-size: 12px;
@ -51,7 +52,7 @@
@address-list-disabled-text-font-size: 12px; @address-list-disabled-text-font-size: 12px;
@address-list-disabled-text-line-height: 30px; @address-list-disabled-text-line-height: 30px;
@address-list-add-button-z-index: 9999; @address-list-add-button-z-index: 9999;
@address-list-item-padding: 15px; @address-list-item-padding: @padding-md;
@address-list-item-text-color: @gray-darker; @address-list-item-text-color: @gray-darker;
@address-list-item-disabled-text-color: @gray-dark; @address-list-item-disabled-text-color: @gray-dark;
@address-list-item-font-size: 12px; @address-list-item-font-size: 12px;