u-cell.ttml 2.3 KB

1
  1. <view class="{{((('u-cell')+' '+'data-v-1c4434ae')+' '+customClass)}}" style="{{$root.s0}}" hover-class="{{!disabled&&(clickable||isLink)?'u-cell--clickable':''}}" hover-stay-time="{{250}}" data-event-opts="{{[['tap',[['clickHandler',['$event']]]]]}}" bindtap="__e"><view class="{{(((('u-cell__body')+' '+'data-v-1c4434ae')+' '+(center&&'u-cell--center'))+' '+(size==='large'&&'u-cell__body--large'))}}"><view class="u-cell__body__content data-v-1c4434ae"><block tt:if="{{$slots.icon||icon}}"><view class="u-cell__left-icon-wrap data-v-1c4434ae"><block tt:if="{{$slots.icon}}"><slot name="icon"></slot></block><block tt:else><u-icon vue-id="49dde45c-1" name="{{icon}}" custom-style="{{iconStyle}}" size="{{size==='large'?22:18}}" class="data-v-1c4434ae" bind:__l="__l"></u-icon></block></view></block><view class="u-cell__title data-v-1c4434ae"><block tt:if="{{$slots.title}}"><slot name="title"></slot></block><block tt:else><block tt:if="{{title}}"><text class="{{(((('u-cell__title-text')+' '+'data-v-1c4434ae')+' '+(disabled&&'u-cell--disabled'))+' '+(size==='large'&&'u-cell__title-text--large'))}}" style="{{$root.s1}}">{{title}}</text></block></block><block tt:if="{{$slots.label}}"><slot name="label"></slot></block><block tt:else><block tt:if="{{label}}"><text class="{{(((('u-cell__label')+' '+'data-v-1c4434ae')+' '+(disabled&&'u-cell--disabled'))+' '+(size==='large'&&'u-cell__label--large'))}}">{{label}}</text></block></block></view></view><block tt:if="{{$slots.value}}"><slot name="value"></slot></block><block tt:else><block tt:if="{{!$root.g0}}"><text class="{{(((('u-cell__value')+' '+'data-v-1c4434ae')+' '+(disabled&&'u-cell--disabled'))+' '+(size==='large'&&'u-cell__value--large'))}}">{{value}}</text></block></block><block tt:if="{{$slots['right-icon']||isLink}}"><view class="{{((('u-cell__right-icon-wrap')+' '+'data-v-1c4434ae')+' '+('u-cell__right-icon-wrap--'+arrowDirection))}}"><block tt:if="{{$slots['right-icon']}}"><slot name="right-icon"></slot></block><block tt:else><u-icon vue-id="49dde45c-2" name="{{rightIcon}}" custom-style="{{rightIconStyle}}" color="{{disabled?'#c8c9cc':'info'}}" size="{{size==='large'?18:16}}" class="data-v-1c4434ae" bind:__l="__l"></u-icon></block></view></block></view><block tt:if="{{border}}"><u-line vue-id="49dde45c-3" class="data-v-1c4434ae" bind:__l="__l"></u-line></block></view>