You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

54 lines
2.4 KiB

2 years ago
<!-- input/input.wxml -->
<label
class='form-item {{disabled? "disabled": ""}} l-class form-item-{{labelLayout}}'
style="width:{{width===null?'auto':width+'rpx'}}">
<view class='mask' wx:if="{{disabled}}"></view>
<view class='row l-row-class' hidden="{{ showRow ? '' : 'hidden' }}" style="width:{{width}}rpx;"></view>
<view wx:if="{{label && !labelCustom}}" hidden="{{hideLabel}}" class='form-label l-label-class form-label-{{labelLayout}}' style='{{labelLayout !== "top" ? "width:"+ labelWidth+ "rpx;" : "" }} height:{{labelLayout=== "top" ? labelWidth + "rpx" : "" }}'>
<text><text class='text-require' wx:if="{{required}}">* </text>{{label}}<text wx:if="{{colon}}"></text>
</text>
</view>
<view wx:else hidden="{{hideLabel}}" class='form-label l-label-class form-label-{{labelLayout}}' style='{{labelLayout !== "top" ? "width:"+ labelWidth+ "rpx;" : "" }} height:{{labelLayout=== "top" ? labelWidth + "rpx" : "" }}'>
<slot name="left" />
</view>
<!-- 小程序表单组件 -->
<input
wx:if="{{type !== 'password'}}"
class="input {{hideLabel?'hideLabel':''}} l-input-class"
value="{{ value }}"
type="{{type}}"
placeholder="{{placeholder}}"
maxlength="{{maxlength}}"
placeholder-class="pls-class"
placeholder-style="{{placeholderStyle}}"
disabled="{{disabled}}"
focus="{{focus}}"
bindinput="handleInputChange"
bindfocus="handleInputFocus"
bindblur="handleInputBlur"
bindconfirm="handleInputConfirm" />
<input
wx:else
class="input {{hideLabel?'hideLabel':''}} l-input-class"
value="{{ value }}"
password="{{true}}"
placeholder="{{placeholder}}"
maxlength="{{maxlength}}"
placeholder-class="pls-class"
placeholder-style="{{placeholderStyle}}"
disabled="{{disabled}}"
focus="{{focus}}"
bindinput="handleInputChange"
bindfocus="handleInputFocus"
bindblur="handleInputBlur"
bindconfirm="handleInputConfirm" />
<l-icon wx:if="{{showEye&&value}}" name="eye" catch:tap="onTapEyeIcon" size="40" l-class="l-eye l-eye-{{type}}"/>
<view class="close" wx:if="{{clear&&value}}" mut-bind:tap="onClearTap">
<view class="close-icon">
<l-icon name="close" color="#fff" size="16" />
</view>
</view>
<slot name="right"/>
<l-error-tip l-error-text-class="l-error-text l-error-text-class" errorText="{{errorText}}" wx:if="{{errorText}}"/>
</label>