1.0.2 • Published 8 months ago
jx-vue3-show-modal v1.0.2
介绍
基于vue3.0的提示框组件
组件使用
安装
npm i jx-vue3-show-modal --save
初始化
import ShowModal from 'jx-vue3-show-modal';
Vue.use(ShowModal);
使用
<script setup>
import { getCurrentInstance } from 'vue'
const { proxy } = getCurrentInstance()
proxy.$showModal({
title: '', //标题
content: '', //文本内容
centerText: false, // true则文案居中显示,默认值为false
showCloseBtn: false, //true显示右上角关闭功能, false展示底部按钮,默认false
maxHeight: '500px', // 窗口最大高度,默认值 60%
confirmText: '确定', //确定按钮文案,默认值为“确定”
confirmColor: '#FF5D05', //确定按钮颜色,默认值为#FF5D05
showCancel: true //是否展示取消按钮,默认展示,值为true
cancelText: '取消', //取消按钮文案
success: () => {
console.log('成功')
}
})
</script>