uniapp弹出框_uni-app自定义Modal弹窗组件|仿ios、微信弹窗效果

介绍

uniapp自定义弹窗组件uniPop，基于uni-app开发的自定义模态弹窗|msg信息框|alert对话框|confirm确认框|toast弱提示框

支持多种动画效果、多弹窗类型ios/android、可以自定义弹窗样式/自定义多按钮及事件/弹窗显示位置、自动关闭秒数、遮罩层透明度及点击遮罩是否关闭

H5/小程序/App三端效果如下，亲测多端效果兼容性一致。(后续大图均展示App端)

用法

◆弹窗uniPop.vue组件两种引入方式

1、在main.js里引入全局组件

import uniPop from './components/uniPop/uniPop.vue'

Vue.component('uni-pop', uniPop)

2、在相应页面引入组件

import uniPop from './components/uniPop/uniPop.vue'exportdefault{

data() {return{

...

}

},

components:{

uniPop

},

...

}

...

msg信息框效果

 

this.$refs.uniPop.show({

content:'msg消息提示框(5s后窗口关闭)',

shade: