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

  

posted @ 2021-05-14 11:07  Yjj-hn  阅读(521)  评论(0编辑  收藏  举报