| | |
|---|
| | | <import src="../common/template/icon.wxml" /> |
|---|
| | | <wxs src="../common/utils.wxs" module="_" /> |
|---|
| | | |
|---|
| | | <view |
|---|
| | | wx:if="{{realVisible}}" |
|---|
| | | class="{{_.cls(classPrefix, [direction, theme, ['with-text', message]])}} class {{prefix}}-class {{transitionClass}}" |
|---|
| | | style="{{_._style([ 'top:' + (placement === 'top' ? '25%' : placement === 'bottom' ? '75%': '45%'), style, customStyle])}}" |
|---|
| | | bind:transitionend="onTransitionEnd" |
|---|
| | | catch:touchstart="loop" |
|---|
| | | > |
|---|
| | | <view class="{{classPrefix}}__content {{classPrefix}}__content--{{direction}}"> |
|---|
| | | <t-loading |
|---|
| | | wx:if="{{isLoading}}" |
|---|
| | | theme="circular" |
|---|
| | | size="{{direction === 'row' ? '48rpx' : '64rpx'}}" |
|---|
| | | loading |
|---|
| | | inherit-color |
|---|
| | | layout="vertical" |
|---|
| | | /> |
|---|
| | | <template |
|---|
| | | wx:elif="{{_icon}}" |
|---|
| | | is="icon" |
|---|
| | | data="{{ ariaHidden: true, tClass: classPrefix + '__icon ' + classPrefix + '__icon--' + direction, ..._icon }}" |
|---|
| | | /> |
|---|
| | | <slot name="icon" /> |
|---|
| | | <view aria-role="alert" class="{{classPrefix}}__text {{classPrefix}}__text--{{direction}}">{{message}}</view> |
|---|
| | | <slot name="message" /> |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | <t-overlay |
|---|
| | | style="{{ overlayProps && overlayProps.style || ''}}" |
|---|
| | | visible="{{realVisible && (showOverlay || preventScrollThrough)}}" |
|---|
| | | z-index="{{overlayProps && overlayProps.zIndex || 11000}}" |
|---|
| | | duration="{{overlayProps && overlayProps.duration || 300}}" |
|---|
| | | usingCustomNavbar="{{overlayProps && overlayProps.usingCustomNavbar || usingCustomNavbar}}" |
|---|
| | | backgroundColor="{{preventScrollThrough ? 'transparent' : overlayProps && overlayProps.backgroundColor || ''}}" |
|---|
| | | preventScrollThrough="{{preventScrollThrough || overlayProps && overlayProps.preventScrollThrough}}" |
|---|
| | | /> |
|---|
| | | <import src="../common/template/icon.wxml"/><wxs src="../common/utils.wxs" module="_"/><view wx:if="{{realVisible}}" class="{{_.cls(classPrefix, [direction, theme, ['with-text', message]])}} class {{prefix}}-class {{transitionClass}}" style="{{_._style([ 'top:' + (placement === 'top' ? '25%' : placement === 'bottom' ? '75%': '45%'), style, customStyle])}}" bind:transitionend="onTransitionEnd" catch:touchstart="loop"><view class="{{classPrefix}}__content {{classPrefix}}__content--{{direction}}"><t-loading wx:if="{{isLoading}}" theme="circular" size="{{direction === 'row' ? '48rpx' : '64rpx'}}" loading inherit-color layout="vertical"/><template wx:elif="{{_icon}}" is="icon" data="{{ ariaHidden: true, tClass: classPrefix + '__icon ' + classPrefix + '__icon--' + direction, ..._icon }}"/><slot name="icon"/><view aria-role="alert" class="{{classPrefix}}__text {{classPrefix}}__text--{{direction}}">{{message}}</view><slot name="message"/></view></view><t-overlay style="{{ overlayProps && overlayProps.style || ''}}" visible="{{realVisible && (showOverlay || preventScrollThrough)}}" z-index="{{overlayProps && overlayProps.zIndex || 11000}}" duration="{{overlayProps && overlayProps.duration || 300}}" usingCustomNavbar="{{overlayProps && overlayProps.usingCustomNavbar || usingCustomNavbar}}" backgroundColor="{{!showOverlay && preventScrollThrough ? 'transparent' : overlayProps && overlayProps.backgroundColor || ''}}" preventScrollThrough="{{preventScrollThrough || overlayProps && overlayProps.preventScrollThrough}}"/> |
|---|
