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

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

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

效果

uni-app原生插件 Alert Dialog 弹窗 提示框 支持苹果 安卓_第1张图片
例1
uni-app原生插件 Alert Dialog 弹窗 提示框 支持苹果 安卓_第2张图片
例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 - 取消回调方法

你可能感兴趣的:(uni-app原生插件 Alert Dialog 弹窗 提示框 支持苹果 安卓)