目前功能最全的uniapp平台全局弹窗组件
支持市面上不支持的,确很想支持的功能。
- 支持h5 | app | 小程序平台
- 支持弹窗缓存池,再多弹窗没处理也不怕,同一时间只显示一个弹框,按先进后出顺序处理弹窗业务
- 缓存池支持弹窗去重,定义相同弹窗key,再多的接口401错误也只弹一个重新登录窗体。
- 支持单行输入及多行输入
- 标题,内容,按钮支持完全样式修改
- 内容支持富文本渲染
- 支持异步业务操作
- 支持静默删除弹窗(选择性删除及全量删除)
- 支持动态更新弹窗数据
uni.$ayyModal.show({ title: "我是标题", content: "我是内容" }) uni.$ayyModal.show({ key: "LoginKey", title: "我是标题", content: "指定唯一标识key,相同key只渲染最后一个key弹窗" }) uni.$ayyModal.show({ key: "LoginKey", title: "我是标题2", content: "指定唯一标识key,相同key只渲染最后一个key弹窗" }) uni.$ayyModal.show({ key:"delete", title: "我是标题", content: "隐藏取消按钮", showCancel: false, }) uni.$ayyModal.show({ title: "使用富文本", content: "<span style='color:red;'>我们都是中国人我们都是中国人我们都是中国人我们都是中国人</span>", contentMode: 'rich-text', }) uni.$ayyModal.show({ title: "温馨提示", content: "使用单行输入", editable: true, confirmFun: (data) => { console.log(`inputText=>`+data.inputText) return true } }) let vm = uni.$ayyModal.show({ title: "温馨提示", content: "使用多行输入", editable: true, inputMode: 'textarea', placeholderText: '请输入补充内容', confirmFun: (data) => { console.log(`inputText=>`+data.inputText) return true } })//修改弹窗内容(以标题为例)
//vm.title = '12123123123'
//uni.$ayyModal.update(vm)
//删除单个弹窗 //uni.$ayyModal.remove('delete') //删除全部弹窗,排除的key不删除 //uni.$ayyModal.removeAll("delete2,delete1") //删除全部弹窗 //uni.$ayyModal.removeAll()