diff --git a/packages/field/en-US.md b/packages/field/en-US.md index 9ae84318f..aba3fd0bc 100644 --- a/packages/field/en-US.md +++ b/packages/field/en-US.md @@ -125,6 +125,7 @@ Field support all native properties of input tag,such as `maxlength`、`placeh | is-link | Whether to show link icon | `Boolean` | `false` | | error | Whether to show error info | `Boolean` | `false` | | error-message | Error message | `String` | `''` | +| label-align | Label text align, can be set to `center` `right` | `String` | `left` | | input-align | Input text align, can be set to `center` `right` | `String` | `left` | | autosize | Textarea auto resize,can accpet an object,
e.g. { maxHeight: 100, minHeight: 50 } | `Boolean | Object` | `false` | | icon | Right side icon name | `String` | - | diff --git a/packages/field/index.vue b/packages/field/index.vue index 9866b8231..634429928 100644 --- a/packages/field/index.vue +++ b/packages/field/index.vue @@ -9,7 +9,7 @@ :class="b({ error, disabled: $attrs.disabled, - [labelAlign]: labelAlign, + [`label-${labelAlign}`]: labelAlign, 'min-height': type === 'textarea' && !autosize })" > diff --git a/packages/field/zh-CN.md b/packages/field/zh-CN.md index ee53414eb..9808038a3 100644 --- a/packages/field/zh-CN.md +++ b/packages/field/zh-CN.md @@ -117,7 +117,7 @@ Field 默认支持 Input 标签所有的原生属性,比如 `maxlength`、`pla | 参数 | 说明 | 类型 | 默认值 | |-----------|-----------|-----------|-------------|-------------| -| label | 标签 | `String` | - | +| label | 输入框左侧文本 | `String` | - | | value | 当前输入的值 | `String | Number` | - | | type | 可设置为任意原生类型, 如 `number` `tel` `textarea` | `String` | `text` | | border | 是否显示内边框 | `Boolean` | `true` | @@ -127,6 +127,7 @@ Field 默认支持 Input 标签所有的原生属性,比如 `maxlength`、`pla | is-link | 是否展示右侧箭头并开启点击反馈 | `Boolean` | `false` | | error | 是否将输入内容标红 | `Boolean` | `false` | | error-message | 底部错误提示文案,为空时不展示 | `String` | `''` | +| label-align | 文本对齐方式,可选值为 `center` `right` | `String` | `left` | | input-align | 输入框内容对齐方式,可选值为 `center` `right` | `String` | `left` | | autosize | 自适应内容高度,只对 textarea 有效,可传入对象,
如 { maxHeight: 100, minHeight: 50 },单位为 px | `Boolean | Object` | `false` | | icon | 输入框尾部图标 (可选值见 Icon 组件) | `String` | - | diff --git a/packages/vant-css/src/field.css b/packages/vant-css/src/field.css index e1d11bfcd..e0bafb5a4 100644 --- a/packages/vant-css/src/field.css +++ b/packages/vant-css/src/field.css @@ -89,4 +89,18 @@ min-height: 60px; } } + + &--label { + &-center { + .van-cell__title { + text-align: center; + } + } + + &-right { + .van-cell__title { + text-align: right; + } + } + } }