| | |
| | | <wxs src="./popup.wxs" module="utils" /> |
| | | <wxs src="./popup.wxs" module="popup" /> |
| | | <wxs src="../common/utils.wxs" module="_" /> |
| | | |
| | | <view |
| | | wx:if="{{realVisible}}" |
| | | style="{{_._style([utils.getPopupStyles(zIndex), style, customStyle])}}" |
| | | 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 }}" |
| | | > |
| | | <view class="{{classPrefix}}__content {{prefix}}-class-content"> |
| | | <!-- 暂时移除: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"> |
| | |
| | | id="popup-overlay" |
| | | wx:if="{{showOverlay}}" |
| | | visible="{{visible}}" |
| | | z-index="{{overlayProps.zIndex || 11000}}" |
| | | prevent-scroll-through="{{preventScrollThrough || overlayProps.preventScrollThrough}}" |
| | | 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.style || ''}}" |
| | | custom-style="{{overlayProps && overlayProps.style || ''}}" |
| | | /> |