介绍

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