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(Field): label width adjusted to 84px (#6583)

Browse Source
This commit is contained in:
neverland 2020-06-20 16:56:25 +08:00 committed by GitHub
parent f10a97b692
commit e1f67fa898
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/field/README.md
View File

@ -241,7 +241,7 @@ Use `input-align` prop to align the input value
| format-trigger `v2.8.7` | When to format value，can be set to `onBlur` | _string_ | `onChange` |
| arrow-direction `v2.0.4` | Can be set to `left` `up` `down` | _string_ | `right` |
| label-class | Label className | _any_ | - |
| label-width | Label width | _number \| string_ | `90px` |
| label-width | Label width | _number \| string_ | `84px` |
| label-align | Label align, can be set to `center` `right` | _string_ | `left` |
| input-align | Input align, can be set to `center` `right` | _string_ | `left` |
| error-message-align | Error message align, can be set to `center` `right` | _string_ | `left` |

2
src/field/README.zh-CN.md
View File

@ -266,7 +266,7 @@ export default {
| format-trigger `v2.8.7` | 格式化函数触发的时机，可选值为 `onBlur` | _string_ | `onChange` |
| arrow-direction `v2.0.4` | 箭头方向，可选值为 `left` `up` `down` | _string_ | `right` |
| label-class | 左侧文本额外类名 | _any_ | - |
| label-width | 左侧文本宽度，默认单位为`px` | _number \| string_ | `90px` |
| label-width | 左侧文本宽度，默认单位为`px` | _number \| string_ | `84px` |
| label-align | 左侧文本对齐方式，可选值为 `center` `right` | _string_ | `left` |
| input-align | 输入框对齐方式，可选值为 `center` `right` | _string_ | `left` |
| error-message-align | 错误提示文案对齐方式，可选值为 `center` `right` | _string_ | `left` |

1
src/field/index.less
View File

@ -5,6 +5,7 @@
flex: none;
box-sizing: border-box;
width: @field-label-width;
margin-right: @field-label-margin-right;
color: @field-label-color;
text-align: left;

2
src/form/README.md
View File

@ -424,7 +424,7 @@ export default {
| Attribute | Description | Type | Default |
| --- | --- | --- | --- |
| label-width | Field label width | _number \| string_ | `90px` |
| label-width | Field label width | _number \| string_ | `84px` |
| label-align | Field label align, can be set to `center` `right` | _string_ | `left` |
| input-align | Field input align, can be set to `center` `right` | _string_ | `left` |
| error-message-align | Error message align, can be set to `center` `right` | _string_ | `left` |

2
src/form/README.zh-CN.md
View File

@ -459,7 +459,7 @@ export default {
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| label-width | 表单项 label 宽度，默认单位为`px` | _number \| string_ | `90px` |
| label-width | 表单项 label 宽度，默认单位为`px` | _number \| string_ | `84px` |
| label-align |  表单项 label 对齐方式，可选值为 `center` `right` | _string_ | `left` |
| input-align | 输入框对齐方式，可选值为 `center` `right` | _string_ | `left` |
| error-message-align | 错误提示文案对齐方式，可选值为 `center` `right` | _string_ | `left` |

3
src/sku/index.less
View File

@ -234,7 +234,8 @@
&__image-cell {
.van-cell__title {
max-width: 90px;
max-width: @field-label-width;
margin-right: @field-label-margin-right;
}
.van-cell__value {

3
src/style/var.less
View File

@ -343,8 +343,9 @@
@empty-bottom-margin-top: 24px;
// Field
@field-label-width: 90px;
@field-label-width: 84px;
@field-label-color: @gray-7;
@field-label-margin-right: @padding-sm;
@field-input-text-color: @text-color;
@field-input-error-text-color: @red;
@field-input-disabled-text-color: @gray-5;