86 lines
2.8 KiB
Plaintext
86 lines
2.8 KiB
Plaintext
<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="van-field__body {{ type === 'textarea' ? 'van-field__body--textarea' : '' }}">
|
|
<textarea
|
|
wx:if="{{ type === 'textarea' }}"
|
|
class="input-class {{ utils.bem('field__input', [inputAlign, { disabled, error }]) }}"
|
|
fixed="{{ fixed }}"
|
|
focus="{{ focus }}"
|
|
value="{{ value }}"
|
|
disabled="{{ disabled || readonly }}"
|
|
maxlength="{{ maxlength }}"
|
|
auto-height="{{ autosize }}"
|
|
cursor-spacing="{{ cursorSpacing }}"
|
|
adjust-position="{{ adjustPosition }}"
|
|
show-confirm-bar="{{ showConfirmBar }}"
|
|
bindinput="onInput"
|
|
bind:blur="onBlur"
|
|
bind:focus="onFocus"
|
|
bind:confirm="onConfirm"
|
|
>
|
|
<view wx:if="{{ value == null || value.length === 0 }}" style="{{ placeholderStyle }}" class="{{ utils.bem('field__placeholder', { error }) }}">
|
|
{{ placeholder }}
|
|
</view>
|
|
</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="{{ error ? 'van-field__placeholder--error' : 'van-field__placeholder' }}"
|
|
confirm-type="{{ confirmType }}"
|
|
confirm-hold="{{ confirmHold }}"
|
|
cursor-spacing="{{ cursorSpacing }}"
|
|
adjust-position="{{ adjustPosition }}"
|
|
password="{{ password || type === 'password' }}"
|
|
bindinput="onInput"
|
|
bind:blur="onBlur"
|
|
bind:focus="onFocus"
|
|
bind:confirm="onConfirm"
|
|
/>
|
|
<van-icon
|
|
wx:if="{{ showClear }}"
|
|
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>
|