12345678910111213141516171819 |
- <view catchtouchmove="forbid">
- <view class="tui-modal-class tui-modal-box {{show?'tui-modal-show':''}} {{(fadein || show)?'tui-modal-normal':'tui-modal-scale'}}"
- style='border-radius:{{borderRadius}};width:{{width}};top:{{top}};background:{{background}};z-index: {{zIndex}}'>
- <view wx:if="{{!custom}}">
- <view class="tui-modal-title" v-if="title">{{title}}</view>
- <view class="tui-modal-content {{title?'':'tui-mtop'}}" style="color:{{color}};font-size:{{size}}rpx">{{content}}</view>
- <view class="tui-modalBtn-box {{button.length>2?'tui-flex-column':''}}">
- <block wx:for="{{button}}" wx:key="index">
- <button class="tui-modal-btn {{'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}}" bindtap="handleClick">{{item.text || "确定"}}</button>
- </block>
- </view>
- </view>
- <view wx:else>
- <slot></slot>
- </view>
- </view>
- <view class="tui-modal-mask {{show?'tui-mask-show':''}}" style='z-index: {{zIndex-1}}' bindtap="handleClickCancel"></view>
- </view>
|