美文网首页uni-app交流圈uni-appHBuilder开发
uni-app原生插件 Alert Dialog 弹窗 提示框

uni-app原生插件 Alert Dialog 弹窗 提示框

作者: _安迪_ | 来源:发表于2020-04-17 15:18 被阅读0次

    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 - 取消回调方法

    相关文章

      网友评论

        本文标题:uni-app原生插件 Alert Dialog 弹窗 提示框

        本文链接:https://www.haomeiwen.com/subject/gmcyvhtx.html