modal.wxml 1.7 KB

1
  1. <view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" catchtouchmove="__e" class="data-v-f5596442"><view class="{{['tui-modal-box data-v-f5596442',fadein||show?'tui-modal-normal':'tui-modal-scale',show?'tui-modal-show':'']}}" style="{{'width:'+(width)+';'+('padding:'+(padding)+';')+('border-radius:'+(radius)+';')+('background:'+(bgcolor)+';')}}"><block wx:if="{{!custom}}"><view class="data-v-f5596442"><block wx:if="{{title}}"><view class="tui-modal-title data-v-f5596442">{{title}}</view></block><view class="tui-modal-content data-v-f5596442"><block wx:if="{{content}}"><block class="data-v-f5596442"><view style="{{'color:'+(color)+';'+('font-size:'+(size+'rpx')+';')}}" class="_div data-v-f5596442">{{content}}</view></block></block><block wx:else><block class="data-v-f5596442"><slot name="content"></slot></block></block></view><view class="{{['tui-modalBtn-box data-v-f5596442',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-f5596442"><button class="{{['tui-modal-btn data-v-f5596442','tui-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':'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-f5596442"><slot></slot></view></block></view><view data-event-opts="{{[['tap',[['handleClickCancel',['$event']]]]]}}" class="{{['tui-modal-mask data-v-f5596442',show?'tui-mask-show':'']}}" bindtap="__e"></view></view>