微信小程序自定义toast , 超简单详细教程

在开发小程序时,经常用到toast,而小程序自带的wx.showToast 显示字数有限制(好像超出7个汉字就不能显示了),因此自己摸索着,也参考网上的资源 自己使用自定义组件 做了一个自定义的toast,有需要的可以参考下。源码请移步至:http://download.csdn.net/download/xxs18326183038/10244342 下载

一,新建一个components 文件夹 专门存放自定义的组件 

 微信小程序自定义toast , 超简单详细教程_第1张图片

二,在index页面的index.json中 配置 使用组件

微信小程序自定义toast , 超简单详细教程_第2张图片

三,在index页面index.wxml页面中放置组件

微信小程序自定义toast , 超简单详细教程_第3张图片

四,在index.js中 onload的时候 引入组件对象 ,后面通过这个对象调用组件里的方法

微信小程序自定义toast , 超简单详细教程_第4张图片

五,演示

微信小程序自定义toast , 超简单详细教程_第5张图片

 

你可能感兴趣的:(微信小程序)