<!-- popup.wxml -->
<l-popup
    show="{{show}}"
    animation="show"
    contentAlign="center"
    locked="{{true}}"
    bind:lintap="onDialogTap"
    l-bg-class="l-bg-class"
    z-index="{{zIndex}}"
>
    <view class="dialog-container l-class" style="margin-bottom:{{distance}}px">
        <view class="dialog-title l-title-class" style="color:{{titleColor}}" wx:if="{{showTitle}}">{{title}}</view>
        <view class="dialog-content l-content-class" style="color:{{contentColor}}">
            <slot />
            {{content}}
        </view>
        <view class="dialog-btn-group">
            <view
                class="dialog-btn-cancel l-cancel-class"
                style="color: {{cancelColor}}"
                catchtap="onCancelTap"
                hover-class="{{isHover?'group-hover':''}}"
                wx:if="{{type==='confirm'}}"
                >{{cancelText}}</view>
            <view
                class="dialog-btn-confirm l-confirm-class"
                style="color: {{confirmColor}}"
                hover-class="{{isHover?'group-hover':''}}"
                catchtap="onConfirmTap"
            >{{confirmText}}</view>
        </view>
    </view>
</l-popup>
