mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
fix(SubmitBar): @submit-bar-price-font-size not work (#8639)
This commit is contained in:
parent
a3914259e2
commit
161b5980eb
@ -39,7 +39,7 @@ export default {
|
||||
|
||||
### Disabled
|
||||
|
||||
`submit` event will not triggerd when disabled.
|
||||
`submit` event will not triggered when disabled.
|
||||
|
||||
```html
|
||||
<van-submit-bar
|
||||
@ -54,7 +54,7 @@ export default {
|
||||
|
||||
### Loading
|
||||
|
||||
`submit` event will not triggerd when loading.
|
||||
`submit` event will not triggered when loading.
|
||||
|
||||
```html
|
||||
<van-submit-bar loading :price="3050" button-text="Submit" @submit="onSubmit" />
|
||||
@ -93,7 +93,7 @@ export default {
|
||||
| Attribute | Description | Type | Default |
|
||||
| --- | --- | --- | --- |
|
||||
| price | Price | _number_ | - |
|
||||
| decimal-length | Price dicemal length | _number \| string_ | `2` |
|
||||
| decimal-length | Price decimal length | _number \| string_ | `2` |
|
||||
| label | Price left label | _string_ | `Total:` |
|
||||
| suffix-label | Price right label | _string_ | - |
|
||||
| text-align | Price label text align can be set to `left` | _string_ | `right` |
|
||||
@ -109,9 +109,9 @@ export default {
|
||||
|
||||
### Events
|
||||
|
||||
| Event | Description | Arguments |
|
||||
| ------ | --------------------------------- | --------- |
|
||||
| submit | Triggerd when click submit button | - |
|
||||
| Event | Description | Arguments |
|
||||
| ------ | ---------------------------------- | --------- |
|
||||
| submit | Triggered when click submit button | - |
|
||||
|
||||
### Slots
|
||||
|
||||
@ -133,8 +133,6 @@ How to use: [Custom Theme](#/en-US/theme).
|
||||
| @submit-bar-background-color | `@white` | - |
|
||||
| @submit-bar-button-width | `110px` | - |
|
||||
| @submit-bar-price-color | `@red` | - |
|
||||
| @submit-bar-price-font-size | `@font-size-md` | - |
|
||||
| @submit-bar-currency-font-size | `@font-size-md` | - |
|
||||
| @submit-bar-text-color | `@text-color` | - |
|
||||
| @submit-bar-text-font-size | `@font-size-md` | - |
|
||||
| @submit-bar-tip-padding | `@padding-xs @padding-sm` | - |
|
||||
@ -145,5 +143,6 @@ How to use: [Custom Theme](#/en-US/theme).
|
||||
| @submit-bar-tip-icon-size | `12px` | - |
|
||||
| @submit-bar-button-height | `40px` | - |
|
||||
| @submit-bar-padding | `0 @padding-md` | - |
|
||||
| @submit-bar-price-font-size | `@font-size-sm` | - |
|
||||
| @submit-bar-price-integer-font-size | `20px` | - |
|
||||
| @submit-bar-price-font-family | `@price-integer-font-family` | - |
|
||||
|
@ -140,8 +140,6 @@ export default {
|
||||
| @submit-bar-background-color | `@white` | - |
|
||||
| @submit-bar-button-width | `110px` | - |
|
||||
| @submit-bar-price-color | `@red` | - |
|
||||
| @submit-bar-price-font-size | `@font-size-md` | - |
|
||||
| @submit-bar-currency-font-size | `@font-size-md` | - |
|
||||
| @submit-bar-text-color | `@text-color` | - |
|
||||
| @submit-bar-text-font-size | `@font-size-md` | - |
|
||||
| @submit-bar-tip-padding | `@padding-xs @padding-sm` | - |
|
||||
@ -152,5 +150,6 @@ export default {
|
||||
| @submit-bar-tip-icon-size | `12px` | - |
|
||||
| @submit-bar-button-height | `40px` | - |
|
||||
| @submit-bar-padding | `0 @padding-md` | - |
|
||||
| @submit-bar-price-font-size | `@font-size-sm` | - |
|
||||
| @submit-bar-price-integer-font-size | `20px` | - |
|
||||
| @submit-bar-price-font-family | `@price-integer-font-family` | - |
|
||||
|
@ -57,7 +57,7 @@
|
||||
&__price {
|
||||
color: @submit-bar-price-color;
|
||||
font-weight: @font-weight-bold;
|
||||
font-size: @font-size-sm;
|
||||
font-size: @submit-bar-price-font-size;
|
||||
|
||||
&-integer {
|
||||
font-size: @submit-bar-price-integer-font-size;
|
||||
|
@ -17,5 +17,6 @@
|
||||
@submit-bar-tip-icon-size: 12px;
|
||||
@submit-bar-button-height: 40px;
|
||||
@submit-bar-padding: 0 @padding-md;
|
||||
@submit-bar-price-font-size: @font-size-sm;
|
||||
@submit-bar-price-integer-font-size: 20px;
|
||||
@submit-bar-price-font-family: @price-integer-font-family;
|
||||
|
Loading…
x
Reference in New Issue
Block a user