<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}}"
|
backgroundColor="{{preventScrollThrough ? 'transparent' : overlayProps && overlayProps.backgroundColor || ''}}"
|
preventScrollThrough="{{preventScrollThrough || overlayProps && overlayProps.preventScrollThrough}}"
|
/>
|
