uniapp全局弹窗

目前功能最全的uniapp平台全局弹窗组件

uniapp全局弹窗代码地址

支持市面上不支持的,确很想支持的功能。
  1. 支持h5 | app | 小程序平台
  2. 支持弹窗缓存池,再多弹窗没处理也不怕,同一时间只显示一个弹框,按先进后出顺序处理弹窗业务
  3. 缓存池支持弹窗去重,定义相同弹窗key,再多的接口401错误也只弹一个重新登录窗体。
  4. 支持单行输入及多行输入
  5. 标题,内容,按钮支持完全样式修改
  6. 内容支持富文本渲染
  7. 支持异步业务操作
  8. 支持静默删除弹窗(选择性删除及全量删除)
  9. 支持动态更新弹窗数据
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()

 

  • 20
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值