<view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" class="tn-fab-class tn-fab data-v-710e8188" catchtouchmove="__e"><view class="{{['tn-fab__box','data-v-710e8188',(left==='auto')?'tn-fab--right':'']}}" style="{{'left:'+($root.g0)+';'+('right:'+($root.g1)+';')+('bottom:'+($root.g2)+';')+('z-index:'+(elZIndex)+';')}}"><block wx:if="{{visibleSync}}"><view class="{{['tn-fab__btns','data-v-710e8188','tn-fab__btns__animation--'+animationType,showFab?'tn-fab__btns--visible--'+animationType:'']}}"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['handleClick',[index]]]]]}}" class="{{['tn-fab__item','data-v-710e8188','tn-fab__item__animation--'+animationType,[(right==='auto')?'tn-fab__item--left':'']]}}" style="{{item.s0}}" catchtap="__e"><block wx:if="{{animationType!=='around'&&(item.$orig.imgUrl||item.$orig.icon)}}"><view class="{{['data-v-710e8188',left==='auto'?'tn-fab__item__text--right':'tn-fab__item__text--left']}}" style="{{'color:'+(item.$orig.textColor||'#FFF')+';'+('font-size:'+(item.g3)+';')}}">{{item.$orig.text||''}}</view></block><view class="{{['tn-fab__item__btn','data-v-710e8188',!item.$orig.bgColor?backgroundColorClass:'']}}" style="{{'width:'+(item.g4)+';'+('height:'+(item.g5)+';')+('line-height:'+(item.g6)+';')+('background-color:'+(item.$orig.bgColor||backgroundColorStyle||'#01BEFF')+';')+('border-radius:'+(item.g7)+';')}}"><block wx:if="{{!item.$orig.imgUrl&&!item.$orig.icon}}"><view class="tn-fab__item__btn__title data-v-710e8188" style="{{'color:'+(item.$orig.textColor||'#fff')+';'+('font-size:'+(item.g8)+';')}}">{{item.$orig.text||''}}</view></block><block wx:if="{{item.$orig.icon}}"><view class="{{['tn-fab__item__btn__icon','data-v-710e8188','tn-icon-'+item.$orig.icon]}}" style="{{'color:'+(item.$orig.iconColor||'#fff')+';'+('font-size:'+(item.g9)+';')}}"></view></block><block wx:else><block wx:if="{{!item.$orig.icon&&item.$orig.imgUrl}}"><image class="tn-fab__item__btn__image data-v-710e8188" style="{{'width:'+(item.g10)+';'+('height:'+(item.g11)+';')}}" src="{{item.$orig.imgUrl}}"></image></block></block></view></view></block></view></block><view data-event-opts="{{[['tap',[['fabClick',['$event']]]]]}}" class="{{['tn-fab__item__btn','tn-fab__item__btn--fab','data-v-710e8188',backgroundColorClass,fontColorClass,[(showFab)?'tn-fab__item__btn--active':'']]}}" style="{{'width:'+($root.g12)+';'+('height:'+($root.g13)+';')+('background-color:'+(backgroundColorStyle||!backgroundColorClass?'#01BEFF':'')+';')+('color:'+(fontColorStyle||'#fff')+';')+('border-radius:'+($root.g14)+';')+('z-index:'+(elZIndex-1)+';')}}" catchtap="__e"><block wx:if="{{$slots.default}}"><slot></slot></block><block wx:else><view class="{{['tn-fab__item__btn__icon','data-v-710e8188','tn-icon-'+icon]}}" style="{{'font-size:'+($root.g15)+';'}}"></view></block></view></view><block wx:if="{{visibleSync&&showMask}}"><view data-event-opts="{{[['tap',[['clickMask']]]]}}" class="{{['tn-fab__mask','data-v-710e8188',(showFab)?'tn-fab__mask--visible':'']}}" style="{{'z-index:'+(elZIndex-3)+';'}}" bindtap="__e"></view></block></view>