u-card.wxml 1.9 KB

1
  1. <view data-event-opts="{{[['tap',[['click',['$event']]]]]}}" class="{{['u-card data-v-d7b36b00',(border)?'u-border':'',(full)?'u-card-full':'',(borderRadius>0)?'u-card--border':'']}}" style="{{'border-radius:'+(borderRadius+'rpx')+';'+('margin:'+(margin)+';')+('box-shadow:'+(boxShadow)+';')}}" catchtap="__e"><block wx:if="{{showHead}}"><view data-event-opts="{{[['tap',[['headClick',['$event']]]]]}}" class="{{['u-card__head data-v-d7b36b00',(headBorderBottom)?'u-border-bottom':'']}}" style="{{$root.s0}}" bindtap="__e"><block wx:if="{{!$slots.head}}"><view class="u-flex u-row-between data-v-d7b36b00"><block wx:if="{{title}}"><view class="u-card__head--left u-flex u-line-1 data-v-d7b36b00"><block wx:if="{{thumb}}"><image class="u-card__head--left__thumb data-v-d7b36b00" style="{{'height:'+(thumbWidth+'rpx')+';'+('width:'+(thumbWidth+'rpx')+';')+('border-radius:'+(thumbCircle?'100rpx':'6rpx')+';')}}" src="{{thumb}}" mode="aspectfull"></image></block><text class="u-card__head--left__title u-line-1 data-v-d7b36b00" style="{{'font-size:'+(titleSize+'rpx')+';'+('color:'+(titleColor)+';')}}">{{''+title+''}}</text></view></block><block wx:if="{{subTitle}}"><view class="u-card__head--right u-line-1 data-v-d7b36b00"><text class="u-card__head__title__text data-v-d7b36b00" style="{{'font-size:'+(subTitleSize+'rpx')+';'+('color:'+(subTitleColor)+';')}}">{{''+subTitle+''}}</text></view></block></view></block><block wx:else><slot name="head"></slot></block></view></block><view data-event-opts="{{[['tap',[['bodyClick',['$event']]]]]}}" class="u-card__body data-v-d7b36b00" style="{{$root.s1}}" bindtap="__e"><slot name="body"></slot></view><block wx:if="{{showFoot}}"><view data-event-opts="{{[['tap',[['footClick',['$event']]]]]}}" class="{{['u-card__foot data-v-d7b36b00',(footBorderTop)?'u-border-top':'']}}" style="{{$root.s2}}" bindtap="__e"><slot name="foot"></slot></view></block></view>