1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- <wxs src="../wxs/utils.wxs" module="utils" />
- <van-cell
- icon="{{ leftIcon }}"
- title="{{ label }}"
- center="{{ center }}"
- border="{{ border }}"
- is-link="{{ isLink }}"
- required="{{ required }}"
- custom-style="{{ customStyle }}"
- title-width="{{ titleWidth }}"
- custom-class="van-field"
- size="{{ size }}"
- >
- <slot name="left-icon" slot="icon" />
- <slot name="label" slot="title" />
- <view class="{{ utils.bem('field__body', [type, system]) }}">
- <textarea
- wx:if="{{ type === 'textarea' }}"
- class="input-class {{ utils.bem('field__input', [inputAlign, type, { disabled, error }]) }}"
- fixed="{{ fixed }}"
- focus="{{ focus }}"
- value="{{ value }}"
- disabled="{{ disabled || readonly }}"
- maxlength="{{ maxlength }}"
- placeholder="{{ placeholder }}"
- placeholder-style="{{ placeholderStyle }}"
- placeholder-class="{{ utils.bem('field__placeholder', { error }) }}"
- auto-height="{{ autosize }}"
- cursor-spacing="{{ cursorSpacing }}"
- adjust-position="{{ adjustPosition }}"
- show-confirm-bar="{{ showConfirmBar }}"
- selection-end="{{ selectionEnd }}"
- selection-start="{{ selectionStart }}"
- bindinput="onInput"
- bind:blur="onBlur"
- bind:focus="onFocus"
- bind:confirm="onConfirm"
- >
- </textarea>
- <input
- wx:else
- class="input-class {{ utils.bem('field__input', [inputAlign, { disabled, error }]) }}"
- type="{{ type }}"
- focus="{{ focus }}"
- value="{{ value }}"
- disabled="{{ disabled || readonly }}"
- maxlength="{{ maxlength }}"
- placeholder="{{ placeholder }}"
- placeholder-style="{{ placeholderStyle }}"
- placeholder-class="{{ utils.bem('field__placeholder', { error }) }}"
- confirm-type="{{ confirmType }}"
- confirm-hold="{{ confirmHold }}"
- cursor-spacing="{{ cursorSpacing }}"
- adjust-position="{{ adjustPosition }}"
- selection-end="{{ selectionEnd }}"
- selection-start="{{ selectionStart }}"
- password="{{ password || type === 'password' }}"
- bindinput="onInput"
- bind:blur="onBlur"
- bind:focus="onFocus"
- bind:confirm="onConfirm"
- />
- <van-icon
- wx:if="{{ clearable && focused && value && !readonly }}"
- size="16px"
- name="clear"
- class="van-field__clear-root van-field__icon-root"
- bindtouchstart="onClear"
- />
- <view class="van-field__icon-container" bind:tap="onClickIcon">
- <van-icon
- wx:if="{{ rightIcon || icon }}"
- size="16px"
- name="{{ rightIcon || icon }}"
- class="van-field__icon-root {{ iconClass }}"
- custom-class="right-icon-class"
- />
- <slot name="right-icon" />
- <slot name="icon" />
- </view>
- <view class="van-field__button">
- <slot name="button" />
- </view>
- </view>
- <view wx:if="{{ errorMessage }}" class="van-field__error-message {{ utils.bem('field__error', [errorMessageAlign, { disabled, error }]) }}">
- {{ errorMessage }}
- </view>
- </van-cell>
|