现在ts+scss开发小程序越来越多了,我们平时调用showModal弹窗相对频繁的话,可以对它进行封装,减少代码量,方便调用。1.封装我们先看正常的展示效果 再看微信小程序的原调用代码wx.showModal({title:'提示',content:'是否确认的提示内容',success(res){if(res.confirm){console.log('用户点击确定')}elseif(res.cancel){console.log('用户点击取消')}}})提炼可以成为变量的部分,一般情况是三个,有取消操作的话,是4个。1.title:弹窗提示标题,一般默认“提示”2. content:弹
1、wx.showToast使用场景:常规的提示,没有确定和取消按钮。例:属性:title:提示的内容icon:显示的图标,合法值有success、error、loading、noneimage:自定义图标的本地路径,优先级高于iconduration:提示的延迟时间mask:是否显示透明蒙层,防止触摸穿透success:API调用成功后的回调函数fail:API调用失败后的回调函数complete:API调用结束的回调函数(无论成功与否都会执行)实现:wx.showToast({title:'成功',icon:'success',duration:2000})2、wx.showModal使用
1、wx.showToast使用场景:常规的提示,没有确定和取消按钮。例:属性:title:提示的内容icon:显示的图标,合法值有success、error、loading、noneimage:自定义图标的本地路径,优先级高于iconduration:提示的延迟时间mask:是否显示透明蒙层,防止触摸穿透success:API调用成功后的回调函数fail:API调用失败后的回调函数complete:API调用结束的回调函数(无论成功与否都会执行)实现:wx.showToast({title:'成功',icon:'success',duration:2000})2、wx.showModal使用