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

feat(AddressEdit): add address-edit-button-font-size var (#9113)

Browse Source
This commit is contained in:
neverland 2021-07-24 20:23:59 +08:00 committed by GitHub
parent 0d6d7ce38d
commit 3940306bd4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/address-edit/AddressEdit.tsx
View File

@ -401,6 +401,7 @@ export default defineComponent({
round
type="danger"
text={props.saveButtonText || t('save')}
class={bem('button')}
loading={props.isSaving}
onClick={onSave}
/>
@ -408,6 +409,7 @@ export default defineComponent({
<Button
block
round
class={bem('button')}
loading={props.isDeleting}
text={props.deleteButtonText || t('delete')}
onClick={onDelete}

1
src/address-edit/README.md
View File

@ -160,5 +160,6 @@ The component provides the following CSS variables, which can be used to customi
| --van-address-edit-padding | _var(--van-padding-sm)_ | - |
| --van-address-edit-buttons-padding | _var(--van-padding-xl) var(--van-padding-base)_ | - |
| --van-address-edit-button-margin-bottom | _var(--van-padding-sm)_ | - |
| --van-address-edit-button-font-size | _var(--van-font-size-lg)_ | - |
| --van-address-edit-detail-finish-color | _var(--van-primary-color)_ | - |
| --van-address-edit-detail-finish-font-size | _var(--van-font-size-sm)_ | - |

1
src/address-edit/README.zh-CN.md
View File

@ -162,5 +162,6 @@ export default {
| --van-address-edit-padding | _var(--van-padding-sm)_ | - |
| --van-address-edit-buttons-padding | _var(--van-padding-xl) var(--van-padding-base)_ | - |
| --van-address-edit-button-margin-bottom | _var(--van-padding-sm)_ | - |
| --van-address-edit-button-font-size | _var(--van-font-size-lg)_ | - |
| --van-address-edit-detail-finish-color | _var(--van-primary-color)_ | - |
| --van-address-edit-detail-finish-font-size | _var(--van-font-size-sm)_ | - |

8
src/address-edit/index.less
View File

@ -4,6 +4,7 @@
--van-address-edit-padding: @address-edit-padding;
--van-address-edit-buttons-padding: @address-edit-buttons-padding;
--van-address-edit-button-margin-bottom: @address-edit-button-margin-bottom;
--van-contact-edit-button-font-size: @address-edit-button-font-size;
--van-address-edit-detail-finish-color: @address-edit-detail-finish-color;
--van-address-edit-detail-finish-font-size: @address-edit-detail-finish-font-size;
}
@ -28,10 +29,11 @@
&__buttons {
padding: var(--van-address-edit-buttons-padding);
}
.van-button {
margin-bottom: var(--van-address-edit-button-margin-bottom);
}
&__button {
margin-bottom: var(--van-address-edit-button-margin-bottom);
font-size: var(--van-address-edit-button-font-size);
}
&-detail {

4
src/address-edit/test/__snapshots__/demo.spec.ts.snap
View File

@ -107,7 +107,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div class="van-address-edit__buttons">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--block van-button--round"
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-edit__button"
>
<div class="van-button__content">
<span class="van-button__text">
@ -116,7 +116,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
</button>
<button type="button"
class="van-button van-button--default van-button--normal van-button--block van-button--round"
class="van-button van-button--default van-button--normal van-button--block van-button--round van-address-edit__button"
>
<div class="van-button__content">
<span class="van-button__text">

4
src/address-edit/test/__snapshots__/index.spec.js.snap
View File

@ -81,7 +81,7 @@ exports[`should render AddressEdit correctly 1`] = `
</div>
<div class="van-address-edit__buttons">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--block van-button--round"
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-edit__button"
>
<div class="van-button__content">
<span class="van-button__text">
@ -198,7 +198,7 @@ exports[`should render AddressEdit with props correctly 1`] = `
</div>
<div class="van-address-edit__buttons">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--block van-button--round"
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-edit__button"
>
<div class="van-button__content">
<span class="van-button__text">

1
src/address-edit/var.less
View File

@ -3,5 +3,6 @@
@address-edit-padding: var(--van-padding-sm);
@address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base);
@address-edit-button-margin-bottom: var(--van-padding-sm);
@address-edit-button-font-size: var(--van-font-size-lg);
@address-edit-detail-finish-color: var(--van-primary-color);
@address-edit-detail-finish-font-size: var(--van-font-size-sm);

2
src/contact-edit/README.md
View File

@ -87,5 +87,5 @@ The component provides the following CSS variables, which can be used to customi
| --van-contact-edit-fields-radius | _var(--van-border-radius-md)_ | - |
| --van-contact-edit-buttons-padding | _var(--van-padding-xl) 0_ | - |
| --van-contact-edit-button-margin-bottom | _var(--van-padding-sm)_ | - |
| --van-contact-edit-button-font-size | _16px_ | - |
| --van-contact-edit-button-font-size | _var(--van-font-size-lg)_ | - |
| --van-contact-edit-field-label-width | _4.1em_ | - |

2
src/contact-edit/README.zh-CN.md
View File

@ -87,5 +87,5 @@ export default {
| --van-contact-edit-fields-radius | _var(--van-border-radius-md)_ | - |
| --van-contact-edit-buttons-padding | _var(--van-padding-xl) 0_ | - |
| --van-contact-edit-button-margin-bottom | _var(--van-padding-sm)_ | - |
| --van-contact-edit-button-font-size | _16px_ | - |
| --van-contact-edit-button-font-size | _var(--van-font-size-lg)_ | - |
| --van-contact-edit-field-label-width | _4.1em_ | - |

2
src/contact-edit/var.less
View File

@ -4,5 +4,5 @@
@contact-edit-fields-radius: var(--van-border-radius-md);
@contact-edit-buttons-padding: var(--van-padding-xl) 0;
@contact-edit-button-margin-bottom: var(--van-padding-sm);
@contact-edit-button-font-size: 16px;
@contact-edit-button-font-size: var(--van-font-size-lg);
@contact-edit-field-label-width: 4.1em;