123456789101112131415161718192021222324252627282930313233343536 |
- <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 || ''}}"
- />
|