uni-app原生插件 Alert Dialog 弹窗 提示框 支持苹果 安卓

uni-app的uni.showModal支持的自定义样式比较有限,基本还是原生的样子,而如果写uni弹窗插件的话,又无法覆盖原生的一些组件,如导航栏,底部Tabbar,非常影响用户体验,于是开发了一个原生的提示插件。
支持iOS Android,支持自定义部分样式,UI更友好,info内容支持多行,有高度限定,超出限定高度出滚动条。

有需要的朋友们欢迎到uni-app官方插件市场市场支持,在使用过程中遇到问题或者是新的需求,可以留言提出,我会不定时的查看并且持续优化,谢谢支持!

效果

例1
例2

使用方法

let options = {
    title: '是否确认退出登录', 
    okText: '是', 
    cancelText: '否'
};
const native = uni.requireNativePlugin('AJ-Alert');
native.showAction(options, result => {
    // 点击是的回调, result暂时没有返回内容
}, cancel => {
    // 点击否的回调
});

属性说明

属性 类型 默认 备注
title String - 标题
info String - 内容
okText String 确定 按钮文字
cancelText String 取消 按钮文字
titleColor String #3A3A3A 标题颜色
infoColor String #787878 内容颜色
backgroundColor String #FFFFFF 背景色
okButtonColor String #EA3C3A 确定按钮背景色
cancelButtonColor String #FFFFFF 取消按钮背景色
okColor String #FFFFFF 确定文字颜色
cancelColor String #3A3A3A 取消文字颜色
titleSize String 17 标题字号
infoSize String 14 内容字号
radius String 16 边框圆角
showCancel Boolean true 是否显示取消按钮
okCallback Function - 确定回调方法
cancelCallback Function - 取消回调方法
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 至此,我们完成了插件的使用,整个过程我们都是在 HBuilder X 中进行,接下来我们进入开发插件阶段。 概述 ...
    TankXie阅读 4,221评论 4 6
  • 照着文档和Demo挺顺利就调通了的。记录下制作和调用过程。 阅读提示:1.本文章仅为iOS原生插件制作,无Andr...
    Accepted_阅读 6,771评论 6 11
  • 曾经以为天性凉薄是罪,后来我也变得薄,方才知道天性凉薄的人不过是比我先走了一步。 ...
    大漠孤星阅读 342评论 3 2
  • 这两天举国上下都在送别金庸先生,铺天盖地的文章如鹅毛大雪,铺满整个版面头条。 我也是看先生写的小说和电视剧长大的,...
    尼采_07b5阅读 287评论 0 0
  • 一场噩梦,放映结束,起身,已是凌晨2点。 脑海中一个名字一闪而过,《比悲伤更悲伤的故事》。好吧,点开,试看。 大大...
    f5db79c4bbc9阅读 188评论 0 3