介绍
这篇文章主要介绍小程序中如何制作消息提示框,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
做安卓的时候对烤面包是很熟悉的。微信小程序开发中烤面包也是重要的消息提示方式。
提示框:
<强> wx.showToast(对象)
显示消息提示框
对象参数说明:
示例代码:
wx.showToast ({
标题:大敌;& # 39;成功& # 39;,
,图标:& # 39;成功# 39;
,时间:2000年
}) <>强wx.hideToast()
隐藏消息提示框
wx.showToast ({
标题:大敌;& # 39;加载中& # 39;,
,图标:& # 39;加载# 39;
,时间:10000年
})
setTimeout(函数(){
,wx.hideToast ()
},2000) <强> wx.showModal(对象)
显示模态弹窗
对象参数说明:
示例代码:
wx.showModal ({
标题:大敌;& # 39;提示& # 39;,
,内容:& # 39;这是一个模态弹窗& # 39;,
,成功:函数(res), {
if 才能;(res.confirm), {
,,console.log(& # 39;用户点击确定& # 39;)
,,}
,}
}) <>强wx.showActionSheet(对象)
显示操作菜单
对象参数说明:
成功返回参数说明:
示例代码:
wx.showActionSheet ({
,itemList:[& # 39;一个# 39;,,& # 39;b # 39;,, & # 39; c # 39;],
,成功:函数(res), {
if 才能;(! res.cancel), {
,,console.log (res.tapIndex)
,,}
,}
}) 设置导航条
<强> wx.setNavigationBarTitle(对象)
动态设置当前页面的标题。
对象参数说明:
示例代码:
wx.setNavigationBarTitle ({
标题:大敌;& # 39;当前页面& # 39;
}) <>强wx.showNavigationBarLoading()
在当前页面显示导航条加载动画。
<强> wx.hideNavigationBarLoading()
隐藏导航条加载动画。
页面跳转:
<强> wx.navigateTo(对象)
保留当前页面,跳转到应用内的某个页面,使用wx。navigateBack可以返回到原页面。
对象参数说明:
示例代码:
wx.navigateTo ({
,url: & # 39;测试? id=1 & # 39;
}) //. js
页面({
,onLoad:功能(选项){
console.log才能(option.query)
,}
}) 注意:为了不让用户在使用小程序时造成困扰,我们规定页面路径只能是五层,请尽量避免多层级的交互方式。
<强> wx.redirectTo(对象)
关闭当前页面,跳转到应用内的某个页面。
对象参数说明:
示例代码:
wx.redirectTo ({
,url: & # 39;测试? id=1 & # 39;
}) <>强wx.navigateBack(对象)
关闭当前页面,返回上一页面或多级页面。可通过getCurrentPages())获取当前的页面栈,决定需要返回几层。
对象参数说明:
动画:
<强> wx.createAnimation(对象)
创建一个动画实例动画。调用实例的方法来描述动画。最后通过动画实例的出口方法导出动画数据传递给组件的动画属性。
注意:出口方法每次调用后会清掉之前的动画操作
对象参数说明:
var animation =, wx.createAnimation ({
,transformOrigin:“50%, 50%“,
,时间:1000年
,timingFunction:“ease",
,延迟:0
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
