1 |
- <view class="{{['d-block','tm-input','overflow','data-v-3b4f5966',black_tmeme?bgTheme?'grey-darken-5':'':bgTheme,flat?'':'px-'+padding[0],'round-'+bgRound,'shadow-'+color+'-'+bgShadow]}}"><view class="{{['data-v-3b4f5966',(flat?'':' py-'+padding[1]+' ')+(' '+(borderBottom?black_tmeme?'border-grey-darken-4-b-1 ':'border-grey-lighten-4-b-1':''))]}}"><view data-event-opts="{{[['tap',[['onclickInput',['$event']]]]]}}" class="{{['data-v-3b4f5966',vertical?'tm-input-col':'flex-between ']}}" style="{{'width:'+('100%')+';'+('height:'+('auto')+';')+('align-items:'+(inputType=='textarea'?'flex-start':'center')+';')}}" bindtap="__e"><block wx:if="{{leftIcon||title}}"><view class="{{['tm-input-left','flex-start','flex-shrink','data-v-3b4f5966',vertical?'pb-24':'']}}"><block wx:if="{{leftIcon}}"><view class="pr-16 vertical-align-middle flex-center data-v-3b4f5966"><tm-icons vue-id="68b29759-1" dense="{{true}}" name="{{leftIcon}}" color="{{color_tmeme}}" class="data-v-3b4f5966" bind:__l="__l"></tm-icons></view></block><block wx:if="{{title}}"><view class="{{['d-inline-block','','','data-v-3b4f5966',titleClass,black_tmeme?'bk text-grey-lighten-3':'']}}" style="{{'font-size:'+(title_size)+';'}}"><block wx:if="{{required}}"><text class="text-red data-v-3b4f5966">*</text></block><block wx:if="{{$slots.default}}"><slot></slot><scoped-slots-default title="{{title}}" class="scoped-ref" bind:__l="__l"></scoped-slots-default></block><block wx:else>{{''+title+''}}</block></view></block></view></block><view class="{{['flex-between','','data-v-3b4f5966',disabled?'opacity-6':'']}}" style="width:100%;"><view class="tm-input-center relative fulled data-v-3b4f5966"><view class="{{['flex-start','','','tm-input-center-wk','data-v-3b4f5966','round-'+round,showIndent?'px-16':'',black_tmeme?bgColor?'grey-darken-4 text-grey-lighten-3':'text-grey-lighten-3':bgColor,'text-'+textColor,isFocus&&focusShow?black_tmeme?'border-'+color_tmeme+'-a-1':color_tmeme+' outlined ':'','border-'+(black_tmeme?borderColor?'grey-darken-4':'':borderColor)+'-a-1']}}"><block wx:if="{{prefixpIcon}}"><view class="flex-shrink px-16 flex-center data-v-3b4f5966" style="line-height:0;"><tm-icons vue-id="68b29759-2" dense="{{true}}" name="{{prefixpIcon}}" size="{{28}}" color="{{prefixpIconColor||color_tmeme}}" class="data-v-3b4f5966" bind:__l="__l"></tm-icons></view></block><block wx:if="{{prefixpText}}"><view class="{{['flex-shrink','pr-24','data-v-3b4f5966',titleClass,black_tmeme?'bk text-grey-lighten-3':'']}}" style="{{'font-size:'+(font_size)+';'}}">{{''+prefixpText+''}}</view></block><block wx:if="{{inputType!='textarea'}}"><input class="{{['tm-input-center-input','','data-v-3b4f5966','text-align-'+align,showError?'text-red':'',' py-5 ']}}" style="{{'font-size:'+(font_size)+';'+('height:'+(height_rpx+'rpx')+';')}}" always-embed="{{true}}" focus="{{focus_fs}}" maxlength="{{maxlength}}" adjust-position="{{adjustPosition}}" auto-focus="{{autoFocus}}" confirm-type="{{confirmType}}" disabled="{{disabled}}" password="{{password}}" type="{{inputType}}" placeholder="{{placeholder}}" placeholder-class="{{black_tmeme?'text-grey-darken-1 ':' '+' text-size-n '+placeholderClass}}" data-event-opts="{{[['confirm',[['$emit',['confirm','$event']]]],['input',[['input',['$event']]]],['keyboardheightchange',[['$emit',['keyboardheightchange','$event']]]],['blur',[['blur',['$event']]]],['focus',[['focusFun',['$event']]]]]}}" value="{{value}}" bindconfirm="__e" bindinput="__e" bindkeyboardheightchange="__e" bindblur="__e" bindfocus="__e"/></block><block wx:if="{{disabled}}"><view class="absolute fulled t-0 r-0 data-v-3b4f5966" style="{{'height:'+(height_rpx+'rpx')+';'}}"></view></block><block wx:if="{{inputType=='textarea'}}"><textarea class="{{['tm-input-center-input','','data-v-3b4f5966',maxlength>0?'pb-46':'','text-align-'+align,showError?'text-red':'','pt-16 fulled']}}" style="{{'height:'+(height_rpx+'rpx')+';'+('font-size:'+(font_size)+';')}}" always-embed="{{true}}" focus="{{focus_fs}}" maxlength="{{maxlength}}" adjust-position="{{adjustPosition}}" auto-focus="{{autoFocus}}" confirm-type="{{confirmType}}" disabled="{{disabled}}" placeholder="{{placeholder}}" placeholder-class="{{black_tmeme?'text-grey-darken-1 ':' text-grey-lighten-1 '+' text-size-n '+placeholderClass}}" data-event-opts="{{[['confirm',[['$emit',['confirm','$event']]]],['input',[['input',['$event']]]],['keyboardheightchange',[['$emit',['keyboardheightchange','$event']]]],['blur',[['blur',['$event']]]],['focus',[['focusFun',['$event']]]]]}}" value="{{value}}" bindconfirm="__e" bindinput="__e" bindkeyboardheightchange="__e" bindblur="__e" bindfocus="__e"></textarea></block><block wx:if="{{clear&&valdata.length!=''}}"><view class="flex-center pl-16 data-v-3b4f5966"><tm-icons vue-id="68b29759-3" name="icon-times-circle-fill" color="{{color_tmeme}}" data-event-opts="{{[['^click',[['clearVal',['$event']]]]]}}" catch:click="__e" class="data-v-3b4f5966" bind:__l="__l"></tm-icons></view></block><block wx:if="{{suffixIcon}}"><view class="flex-center data-v-3b4f5966"><tm-icons vue-id="68b29759-4" size="{{26}}" name="{{suffixIcon}}" color="{{suffixIconColor||color_tmeme}}" class="data-v-3b4f5966" bind:__l="__l"></tm-icons></view></block></view><block wx:if="{{maxlength>0&&inputType=='textarea'}}"><view class="tm-input-center-numXz text-align-right text-size-xxs pt-12 text-grey absolute fulled data-v-3b4f5966" style="{{'bottom:'+('16rpx')+';'+('right:'+('16rpx')+';')}}">{{valueLen+"/"+maxlength}}</view></block></view><view class="tm-input-right flex-end flex-shrink data-v-3b4f5966"><block wx:if="{{suffix}}"><text class=" text-grey-darken-4 pl-10 data-v-3b4f5966" style="{{'font-size:'+(font_size)+';'}}">{{suffix}}</text></block><block wx:if="{{rightIcon}}"><view class="pl-10 data-v-3b4f5966" style="line-height:0;"><tm-icons vue-id="68b29759-5" dense="{{true}}" name="{{rightIcon}}" color="grey-lighten-1" class="data-v-3b4f5966" bind:__l="__l"></tm-icons></view></block><slot name="rightBtn"></slot></view></view></view><block wx:if="{{showError}}"><view class="text-size-xs text-red pt-12 data-v-3b4f5966">{{errorText}}</view></block></view></view>
|