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

浙公网安备 33010602011771号