tui-modal.wxml 1.5 KB

1
  1. <view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" catchtouchmove="__e" class="data-v-6ccfff18"><view class="{{['tui-modal-box','data-v-6ccfff18',fadeIn||show?'tui-modal-normal':'tui-modal-scale',show?'tui-modal-show':'']}}" style="{{'width:'+(width)+';'+('padding:'+(padding)+';')+('border-radius:'+(radius)+';')}}"><block wx:if="{{!custom}}"><view class="data-v-6ccfff18"><block wx:if="{{title}}"><view class="tui-modal-title data-v-6ccfff18">{{title}}</view></block><view class="{{['tui-modal-content','data-v-6ccfff18',title?'':'tui-mtop']}}" style="{{'color:'+(color)+';'+('font-size:'+(size+'rpx')+';')}}">{{content}}</view><view class="{{['tui-modalBtn-box','data-v-6ccfff18',button.length!=2?'tui-flex-column':'']}}"><block wx:for="{{button}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-6ccfff18"><button class="{{['tui-modal-btn','data-v-6ccfff18','tui-'+(item.type||'primary')+(item.plain?'-outline':''),button.length!=2?'tui-btn-width':'',button.length>2?'tui-mbtm':'',shape=='circle'?'tui-circle-btn':'']}}" hover-class="{{'tui-'+(item.plain?'outline':item.type||'primary')+'-hover'}}" data-index="{{index}}" data-event-opts="{{[['tap',[['handleClick',['$event']]]]]}}" bindtap="__e">{{item.text||"确定"}}</button></block></block></view></view></block><block wx:else><view class="data-v-6ccfff18"><slot></slot></view></block></view><view data-event-opts="{{[['tap',[['handleClickCancel',['$event']]]]]}}" class="{{['tui-modal-mask','data-v-6ccfff18',show?'tui-mask-show':'']}}" bindtap="__e"></view></view>