微信小程序自定义toast弹窗效果的实现代码-创新互联
微信小程序里面的自带弹窗icon只有两种,success和loading。有时候用户输入错误的时候想加入一个提醒图标,也可以使用wx.showToast中的image来添加图片达到使用自定义图标的目的;但是如果图标是字体,或者提醒的内容有很长捏(小程序中提醒的内容最多只能设置7个字,多了会被隐藏),那就只有自定义toast弹窗了;
成都创新互联公司专注于平安网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供平安营销型网站建设,平安网站制作、平安网页设计、平安网站官网定制、微信小程序定制开发服务,打造平安网络公司原创品牌,更为您提供平安网站排名全网营销落地服务。第一步:新建一个wxml文件用来装模板,方便以后使用,比如
然后在这里面添加模板代码
//name相当于模板的标识,引用的时候好判断引用哪一个//wx:if是条件渲染,使用这个是为了好判断是否显示或隐藏toast //使用的阿里字体图标,根据传入的class值改变显示的图标 {{txt}} //需要显示的提醒内容
网站标题:微信小程序自定义toast弹窗效果的实现代码-创新互联
URL地址:http://scgulin.cn/article/dchiei.html