介绍
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: