tm-grid.wxml 2.2 KB

1
  1. <view class="tm-grid data-v-efbc79fa"><tm-row vue-id="7c171e63-1" custom-class="{{border?' border-grey-lighten-4-a-1 round-5 overflow '+(black_tmeme?' bk ':''):''}}" class="data-v-efbc79fa" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{listData}}" wx:for-item="item" wx:for-index="index" wx:key="index"><tm-col vue-id="{{('7c171e63-2-'+index)+','+('7c171e63-1')}}" maxCol="{{maxGrid}}" custom-class="{{(border?(index+1<=(colNum-1)*grid?'border-grey-lighten-4-b-1 ':'')+((index+1)%grid?'border-grey-lighten-4-r-1 ':' '):'')+(black_tmeme?' bk ':'')}}" grid="{{col}}" justify="center" align="middle" color="{{bgColor}}" class="data-v-efbc79fa" bind:__l="__l" vue-slots="{{['default']}}"><view data-event-opts="{{[['tap',[['onclick',[index,'$0'],[[['listData','',index]]]]]]]}}" class="tm-grid-hover flex-center flex-col data-v-efbc79fa" style="{{'height:'+(height_s+'px')+';'}}" catchtap="__e"><view class=" pb-6 flex-shrink px-10 data-v-efbc79fa"><block wx:if="{{item.dot}}"><view class="tm-grid-icon flex-shrink data-v-efbc79fa"><block wx:if="{{item.dotIcon}}"><tm-badges vue-id="{{('7c171e63-3-'+index)+','+('7c171e63-2-'+index)}}" color="{{item.color?item.color:color_tmeme}}" offset="{{[10,0]}}" dot="{{false}}" icon="{{item.dotIcon}}" data-event-opts="{{[['^click',[['clickDot',[index,'$0'],[[['listData','',index]]]]]]]}}" bind:click="__e" class="data-v-efbc79fa" bind:__l="__l"></tm-badges></block><block wx:if="{{!item.dotIcon}}"><tm-badges vue-id="{{('7c171e63-4-'+index)+','+('7c171e63-2-'+index)}}" offset="{{[10,0]}}" dot="{{true}}" data-event-opts="{{[['^click',[['clickDot',[index,'$0'],[[['listData','',index]]]]]]]}}" bind:click="__e" class="data-v-efbc79fa" bind:__l="__l"></tm-badges></block></view></block><tm-icons vue-id="{{('7c171e63-5-'+index)+','+('7c171e63-2-'+index)}}" prefx="{{item['prefx']?item['prefx']:''}}" color="{{item.color?item.color:color_tmeme}}" size="{{item.iconSize?item.iconSize:iconSize}}" name="{{item.icon?item.icon:''}}" class="data-v-efbc79fa" bind:__l="__l"></tm-icons></view><view class="flex-center fulled data-v-efbc79fa"><text class="{{['text-size-s','','text-align-center','data-v-efbc79fa',item.fontColor?'text-'+item.fontColor:'text-'+fontColor]}}">{{item.text?item.text:''}}</text></view></view></tm-col></block></tm-row></view>