公司网站建设东莞,wordpress 播放器右键,包图网登录入口,制作电商网站学习目标#xff1a;
学习目标如下所示#xff1a; uni-app点击提交按钮后弹出提示框#xff0c;#xff08;以弹窗的形式显示#xff09;,提示用户是否确认提交#xff08;即确定和取消#xff09;#xff0c;点击确定后调用真正的提交方法#xff0c;将数据传给后端…学习目标
学习目标如下所示 uni-app点击提交按钮后弹出提示框以弹窗的形式显示,提示用户是否确认提交即确定和取消点击确定后调用真正的提交方法将数据传给后端点击取消后模态框自动消失不请求后端接口。 学习内容
内容如下所示
显示用户需要确认的模态框 点击提交按钮弹窗的显示
view styledisplay: flex; justify-content: space-around;button classbutton clicksubmitt提交/button
/view调用的方法
submit(){let thatthisuni.showModal({title: 提示,content: 请确认是否要提交?,success: function(res) {if (res.confirm) {// console.log(确定);//TODO} else if (res.cancel) {// console.log(取消);//TODO}}});},总结
知识小结 模态框的主要内容
uni.showModal({title: 提示,content: 请确认是否要提交?,success: function (res) {if (res.confirm) {console.log(用户点击确定);} else if (res.cancel) {console.log(用户点击取消);}}
});2、注意 uni.showModal方法的提示框大小是固定的无法通过设置字体大小来改变提示框中的文字大小。如果我们想要控制文字大小可以通过CSS样式的方式来实现。 即通过 font-size: 16px; 控制字体的大小。 3、示例效果如下所示
