modal.wxml 1.2 KB

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