tm-checkbox.wxml 1.9 KB

1
  1. <view data-event-opts="{{[['tap',[['onclick',['$event']]]]]}}" class="{{['','tm-checkbox','','data-v-5d5c6806',dense?'':'pa-20',inline?'d-inline-block':'']}}" bindtap="__e"><view class=" flex-start data-v-5d5c6806"><block wx:if="{{$slots.default}}"><slot></slot><scoped-slots-default checkData="{{({label:label,checked:changValue})}}" on="{{onclick}}" class="scoped-ref" bind:__l="__l"></scoped-slots-default></block><block wx:else><view class="{{['tm-checkbox-boey','relative','d-inline-block','data-v-5d5c6806',black?'bk':'','flex-shrink mr-10',changValue?'ani':'',changValue?color_tmeme+' border-'+(borderColor||color_tmeme)+'-a-1':'border-'+(borderColor||color_tmeme)+'-a-1',disabled?'grey-lighten-2 border-grey-lighten-1-a-1':'',round==='rounded'?'rounded':'round-'+round]}}" style="{{'width:'+(sizes.wk)+';'+('height:'+(sizes.wk)+';')}}"><view class="{{['absolute','flex-center','data-v-5d5c6806',changValue?'ani_toMaxToMin_on':'']}}" style="width:100%;height:100%;"><tm-icons data-custom-hidden="{{!(model==='normal')}}" vue-id="58e834a9-1" dense="{{true}}" color="{{disabled?'opacity-5 white':'white'}}" size="{{sizes.gou}}" name="{{changValue?icon:' '}}" class="data-v-5d5c6806" bind:__l="__l"></tm-icons><view hidden="{{!(model==='round'&&changValue)}}" class="{{['','rounded','d-inline-block','data-v-5d5c6806',disabled?'opacity-5 white':'white']}}" style="{{'width:'+(sizes.yuan)+';'+('height:'+(sizes.yuan)+';')}}"></view></view></view></block><block wx:if="{{label}}"><view class="{{['','tm-checkbox-boey-label','','data-v-5d5c6806',black?'bk':'','px-10 fulled flex-start']}}" style="{{'min-height:'+(sizes.wk)+';'}}"><view class="flex-center fulled-height data-v-5d5c6806"><block wx:if="{{$slots.label}}"><slot name="label"></slot><scoped-slots-label label="{{({label:label,checked:changValue})}}" class="scoped-ref" bind:__l="__l"></scoped-slots-label></block><block wx:else><text class=" text-size-n data-v-5d5c6806">{{label}}</text></block></view></view></block></view></view>