<wxs src="./popup.wxs" module="popup" />
|
<wxs src="../common/utils.wxs" module="_" />
|
|
<view
|
wx:if="{{realVisible}}"
|
style="{{_._style([popup.getPopupStyles(zIndex, distanceTop, placement), style, customStyle])}}"
|
class="{{_.cls(classPrefix, [placement])}} {{transitionClass}} class {{prefix}}-class"
|
bind:transitionend="onTransitionEnd"
|
>
|
<!-- 暂时移除：aria-role="dialog" aria-modal="{{ true }}"，关联：https://github.com/Tencent/tdesign-miniprogram/issues/2142 -->
|
<view
|
data-prevention="{{preventScrollThrough || (overlayProps ? !!overlayProps.preventScrollThrough : false)}}"
|
bind:touchmove="{{popup.onContentTouchMove}}"
|
class="{{classPrefix}}__content {{prefix}}-class-content"
|
>
|
<slot name="content" />
|
<slot />
|
<view class="{{classPrefix}}__close" bind:tap="handleClose">
|
<t-icon name="close" wx:if="{{closeBtn}}" size="64rpx" />
|
<slot name="close-btn" class="{{classPrefix}}-slot" />
|
</view>
|
</view>
|
</view>
|
|
<t-overlay
|
id="popup-overlay"
|
wx:if="{{showOverlay}}"
|
visible="{{visible}}"
|
usingCustomNavbar="{{usingCustomNavbar}}"
|
z-index="{{overlayProps && overlayProps.zIndex || 11000}}"
|
duration="{{overlayProps && overlayProps.duration || 300}}"
|
background-color="{{overlayProps && overlayProps.backgroundColor || ''}}"
|
prevent-scroll-through="{{preventScrollThrough || (overlayProps ? !!overlayProps.preventScrollThrough : false)}}"
|
bind:tap="handleOverlayClick"
|
custom-style="{{overlayProps && overlayProps.style || ''}}"
|
/>
|
