u-form-item.wxml 1.7 KB

1
  1. <view class="{{['u-form-item data-v-63796f6d',(elBorderBottom)?'u-border-bottom':'',($root.m0)?'u-form-item__border-bottom--error':'']}}"><view class="u-form-item__body data-v-63796f6d" style="{{'flex-direction:'+(elLabelPosition=='left'?'row':'column')+';'}}"><view class="u-form-item--left data-v-63796f6d" style="{{'width:'+(uLabelWidth)+';'+('flex:'+('0 0 '+uLabelWidth)+';')+('margin-bottom:'+(elLabelPosition=='left'?0:'10rpx')+';')}}"><block wx:if="{{required||leftIcon||label}}"><view class="u-form-item--left__content data-v-63796f6d"><block wx:if="{{required}}"><text class="u-form-item--left__content--required data-v-63796f6d">*</text></block><block wx:if="{{leftIcon}}"><view class="u-form-item--left__content__icon data-v-63796f6d"><u-icon vue-id="0c23f188-1" name="{{leftIcon}}" custom-style="{{leftIconStyle}}" class="data-v-63796f6d" bind:__l="__l"></u-icon></view></block><view class="u-form-item--left__content__label data-v-63796f6d" style="{{$root.s0}}">{{''+label+''}}</view></view></block></view><view class="u-form-item--right u-flex data-v-63796f6d"><view class="u-form-item--right__content data-v-63796f6d"><view class="u-form-item--right__content__slot data-v-63796f6d"><slot></slot></view><block wx:if="{{$slots.right||rightIcon}}"><view class="u-form-item--right__content__icon u-flex data-v-63796f6d"><block wx:if="{{rightIcon}}"><u-icon vue-id="0c23f188-2" custom-style="{{rightIconStyle}}" name="{{rightIcon}}" class="data-v-63796f6d" bind:__l="__l"></u-icon></block><slot name="right"></slot></view></block></view></view></view><block wx:if="{{$root.m1}}"><view class="u-form-item__message data-v-63796f6d" style="{{'padding-left:'+(elLabelPosition=='left'?$root.g0:'0')+';'}}">{{validateMessage}}</view></block></view>