diff --git a/example/pages/field/config.js b/example/pages/field/config.js index 2d15a321..9a284ce6 100644 --- a/example/pages/field/config.js +++ b/example/pages/field/config.js @@ -16,6 +16,11 @@ module.exports = { title: '详细地址', type: 'textarea', placeholder: '请输入详细地址' + }, + disabled: { + title: '用户信息', + disabled: true, + value: '输入框已禁用' } }, // 无标题输入框 diff --git a/example/pages/field/index.wxml b/example/pages/field/index.wxml index 27044562..1e5c8a2b 100644 --- a/example/pages/field/index.wxml +++ b/example/pages/field/index.wxml @@ -15,6 +15,9 @@ + diff --git a/packages/field/README.md b/packages/field/README.md index dcf98e33..b3427282 100644 --- a/packages/field/README.md +++ b/packages/field/README.md @@ -60,6 +60,7 @@ Page(extend({}, Field, { | inputType | 输入框为 input 情况下,输入框的类型,例如:number, text, password | String | text | | | placeholder | 输入框为空时占位符 | String | | | | focus | 自动聚焦,拉起键盘 | Boolean | false | | +| disabled | 输入框是否禁用 | Boolean | false | | | mode | 输入框展示样式,可选值为 wrapped, normal | String | normal | | | right | 输入框内容是否居右显示 | Boolean | false | | | error | 是否显示为输入框错误情况下的样式 | Boolean | false | | diff --git a/packages/field/index.wxml b/packages/field/index.wxml index 3bac95ab..0222cf08 100644 --- a/packages/field/index.wxml +++ b/packages/field/index.wxml @@ -7,8 +7,9 @@ wx:if="{{ type === 'textarea' }}" auto-height name="{{ name || componentId || '' }}" - value="{{ value }}" + disabled="{{ disabled }}" focus="{{ focus }}" + value="{{ value }}" placeholder="{{ placeholder }}" class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}" placeholder-class="zan-field__placeholder" @@ -20,8 +21,9 @@ wx:else type="{{ inputType || 'text' }}" name="{{ name || componentId || '' }}" - value="{{ value }}" + disabled="{{ disabled }}" focus="{{ focus }}" + value="{{ value }}" placeholder="{{ placeholder }}" class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}" placeholder-class="zan-field__placeholder"