uni-app的uni.showModal支持的自定义样式比较有限,基本还是原生的样子,而如果写uni弹窗插件的话,又无法覆盖原生的一些组件,如导航栏,底部Tabbar,非常影响用户体验,于是开发了一个原生的提示插件。
支持iOS Android,支持自定义部分样式,UI更友好,info内容支持多行,有高度限定,超出限定高度出滚动条。
有需要的朋友们欢迎到uni-app官方插件市场市场支持,在使用过程中遇到问题或者是新的需求,可以留言提出,我会不定时的查看并且持续优化,谢谢支持!
效果
使用方法
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 | - | 取消回调方法 |