网站建设与设计教程视频,企业网站建设大概多少钱,百度竞价排名又叫什么,好心人给个安全的网站学习目标#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、示例效果如下所示
