<view wx:if='{{flag}}' class="drawer custom-drawer">
  <view
    wx:if="{{mask}}"
    class='wrap {{wrapAnimate}}'
    style='background:rgba(0,0,0,{{bgOpacity}});'
    catchtap='hideFrame'
  ></view>
  <view
    wx:else
    class='wrap {{wrapAnimate}}'
    style='background:rgba(0,0,0,{{bgOpacity}});'
    catchtap='catchNone'
  ></view>

  <view wx:if="{{mask}}" catchtap='hideFrame' class='frame-wrapper {{frameAnimate}}'>
    <view catchtap='catchNone' class='frame' style="background-color: {{themeColor.Fill_7}};">  
      <!-- 内容 -->
      <slot></slot>
      <view wx:if="{{needCancel}}" class='cancel' bindtap="hideFrame" hover-class="buttonHover">取消</view>
    </view>
  </view>

  <view wx:else catchtap='catchNone' class='frame-wrapper {{frameAnimate}}'>
    <view catchtap='catchNone' class='frame' style="background-color: {{themeColor.Fill_7}};">  
      <!-- 内容 -->
      <slot></slot>
      <view wx:if="{{needCancel}}" class='cancel' bindtap="hideFrame" hover-class="buttonHover">取消</view>
    </view>
  </view>
</view>
