<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>