half-screen-dialog.wxml 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <view class="{{show ? 'weui-show' :'weui-hidden'}}">
  2. <view class="weui-mask init" wx:if="{{mask}}" bindtap="close" catch:touchmove="onMaskMouseMove" data-type="tap"></view>
  3. <view class="weui-half-screen-dialog {{extClass}}">
  4. <view class="weui-half-screen-dialog__hd">
  5. <view wx:if="{{closabled}}" class="weui-half-screen-dialog__hd__side" bindtap="close" data-type="close">
  6. <view class="weui-icon-btn weui-icon-btn_close" hover-class="weui-active">关闭</view>
  7. </view>
  8. <view class="weui-half-screen-dialog__hd__main">
  9. <block wx:if="{{title}}">
  10. <text class="weui-half-screen-dialog__title">{{title}}</text>
  11. <text class="weui-half-screen-dialog__subtitle">{{subTitle}}</text>
  12. </block>
  13. <block wx:else>
  14. <view class="weui-half-screen-dialog__title"><slot name="title"></slot></view>
  15. </block>
  16. </view>
  17. <view class="weui-half-screen-dialog__hd__side">
  18. <view class="weui-icon-btn weui-icon-btn_more" hover-class="weui-active">更多</view>
  19. </view>
  20. </view>
  21. <view class="weui-half-screen-dialog__bd">
  22. <block wx:if="{{desc}}">
  23. <view class="weui-half-screen-dialog__desc">{{desc}}</view>
  24. <view class="weui-half-screen-dialog__tips">{{tips}}</view>
  25. </block>
  26. <slot name="desc" wx:else></slot>
  27. </view>
  28. <view class="weui-half-screen-dialog__ft">
  29. <block wx:if="{{buttons && buttons.length}}">
  30. <button
  31. wx:for="{{buttons}}"
  32. wx:key="index"
  33. type="{{item.type}}"
  34. class="weui-btn {{item.className}}"
  35. data-index="{{index}}"
  36. bindtap="buttonTap"
  37. >{{item.text}}</button>
  38. </block>
  39. <slot name="footer" wx:else></slot>
  40. </view>
  41. </view>
  42. </view>