uniapp showModal弹窗确定按钮修改位置
Android确定按钮默认在左边,在微信、H5,iOS 确认按钮默认在右边。产生这种差异的原因是uni.showModa在App和小程序上调用的是原生提供的弹出框,原生平台的策略本身就不同。如果需要调整可
一:
通过自行控制按钮的文字,即“确定”按钮的文字其实可以设置为“取消”。
二:
使用5+ confirm 方法,链接 :https://www.html5plus.org/doc/zh_cn/nativeui.html#plus.nativeUI.confirm
使用时要注意小程序及H5等平台是没有HTML5 +扩展规范的,因此在uni-app调用HTML5 +的扩展规范时,需要注意使用条件编译。
否则运行到h5,小程序等平台会出现plus is not defined错误。
下面是代码
// #ifdef APP-PLUS let platform = uni.getSystemInfoSync().platform; let btns = platform == 'android' ? ["确认","取消"] : ["取消","确认"]; plus.nativeUI.confirm(content, function(e){ console.log("Close confirm: "+e.index); //0==确认,否则取消 if(platform == 'android'){ }else{ } }, {"title":title, "buttons":btns, // "verticalAlign":"bottom" } ); // #endif