更新记录

0.01（2020-08-14） 下载此版本

可自定义蒙层； 自定义标题和模态框主题信息 自定义按钮文字和样式

平台兼容性

使用示例

<template>
    <view>
        <l-modal ref="customModal" modalTitle="温馨提示" @onClickCancel="cancel" @onClickConfirm="confirm">
            <template>
                <p style="text-align: center;">确认充值<span style="color: red;">{{moeny}}元</span>？</p>
            </template>
        </l-modal>
    </view>
</template>

import lModal from '@/components/l-modal/l-modal.vue'

export default {
    components: {
        lModal
    },
    data() {
        return {
            moeny: ''
        }
    },
    methods: {
        open() {
            // show modal
            this.$refs['customModal'].showModal()
        },
        cancel() {
            // do sth
        },
        confirm() {
            // do sth
        }
    }
}