更新记录

1.0.2（2020-11-12） 下载此版本

测试版本更新

1.0.1（2020-11-12） 下载此版本

init

平台兼容性

Dialog 弹出框

自定义 Dialog 弹出框组件

使用方式：

在 script 中引用组件

import xbxmPopDialog from '@/components/xbxm-dialog/xbxm-dialog.vue';
export default {
    components: {xbxmPopDialog}
}

基础使用方式

<xbxm-pop-dialog 
    :show="show" 
    title="提示" 
    content="哈哈，还是被你看到了..."
    @cancel="clickCancel('cancel')" 
    @confirm="clickConfirm('confirm')">
</xbxm-pop-dialog>

单个确认按钮+无标题

<xbxm-pop-dialog
    :show="show" 
    title="" 
    content="哈哈，还是被你看到了..."
    :isShowCancel="!show"
    @confirm="clickConfirm('confirm')">
</xbxm-pop-dialog>

更多案例，请下载到本地进行体验...

属性说明：

事件说明：

方法说明：

slot

在 xbxm-pop-dialog 节点下，可以通过插入节点实现自定义 content 的需求（只有 content 属性为空的时候才会加载 slot）

使用示例：

<xbxm-pop-dialog 
    title="提示"
    content=""
    :show="show"
    @cancelButton="clickCancel"
    @confirmButton="clickConfirm">
    <view style="padding: 0 30upx 30upx;">
        <view>锄禾日当午</view>
        <view>汗滴禾下土</view>

    </view>
</xbxm-pop-dialog>

注意

• 通过本页面下载按钮下载的zip为一个部分 components 单个组件工程，拖入 HBuilderX粘贴components 目录中即可运行体验效果；
• 使用过程出现问题或有新的需求可在评论区留言。