diff --git a/packages/field/en-US.md b/packages/field/en-US.md index b10ebb0a4..9ae84318f 100644 --- a/packages/field/en-US.md +++ b/packages/field/en-US.md @@ -125,7 +125,8 @@ 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` | `''` | -| autosize | Textarea auto resize,can accpet an object, e.g. { maxHeight: 100, minHeight: 50 } | `Boolean | Object` | `false` | +| 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` | - | | left-icon | Left side icon name | `String` | - | diff --git a/packages/field/index.vue b/packages/field/index.vue index 5c102022e..9866b8231 100644 --- a/packages/field/index.vue +++ b/packages/field/index.vue @@ -9,6 +9,7 @@ :class="b({ error, disabled: $attrs.disabled, + [labelAlign]: labelAlign, 'min-height': type === 'textarea' && !autosize })" > @@ -19,7 +20,7 @@ v-bind="$attrs" v-on="listeners" ref="input" - :class="b('control')" + :class="b('control', inputAlign)" :value="value" /> @@ -73,6 +74,8 @@ export default create({ leftIcon: String, required: Boolean, clearable: Boolean, + labelAlign: String, + inputAlign: String, onIconClick: Function, autosize: [Boolean, Object], errorMessage: String, diff --git a/packages/field/zh-CN.md b/packages/field/zh-CN.md index b5fdeffd0..ee53414eb 100644 --- a/packages/field/zh-CN.md +++ b/packages/field/zh-CN.md @@ -127,7 +127,8 @@ Field 默认支持 Input 标签所有的原生属性,比如 `maxlength`、`pla | is-link | 是否展示右侧箭头并开启点击反馈 | `Boolean` | `false` | | error | 是否将输入内容标红 | `Boolean` | `false` | | error-message | 底部错误提示文案,为空时不展示 | `String` | `''` | -| autosize | 自适应内容高度,只对 textarea 有效,可传入对象,如 { maxHeight: 100, minHeight: 50 },单位为 px | `Boolean | Object` | `false` | +| input-align | 输入框内容对齐方式,可选值为 `center` `right` | `String` | `left` | +| autosize | 自适应内容高度,只对 textarea 有效,可传入对象,
如 { maxHeight: 100, minHeight: 50 },单位为 px | `Boolean | Object` | `false` | | icon | 输入框尾部图标 (可选值见 Icon 组件) | `String` | - | | left-icon | 输入框左侧图标 (可选值见 Icon 组件) | `String` | - | diff --git a/packages/vant-css/src/field.css b/packages/vant-css/src/field.css index 306793e7d..e1d11bfcd 100644 --- a/packages/vant-css/src/field.css +++ b/packages/vant-css/src/field.css @@ -29,6 +29,14 @@ color: $gray-darker; background-color: transparent; } + + &--center { + text-align: center; + } + + &--right { + text-align: right; + } } &__clear,