微信小程序Toast自定义组件（小程序 toast）

微信小程序Toast自定义组件（小程序 toast）

微信小程序Toast自定义组件

之前写过一个自定义组件地址在这

今天重新写了一个，在第一个样式基础上新增了一个样式。

需要的参数比之前的多很多，后期可能会考虑优化

2018-10-17 更新

新增了个自定义样式cs使用的时候直接写在toast标签里就行,内容直接写css样式： 注意:使用此标签后detail内的position自动失效；

显示

用法

在需要的页面的jsON里引入

{ "usingComponents": { "toast": "(你的文件目录)/toast/toast" }}

对应页面wxml中

显示

对应页面js的data里toast空对象放不放都行 在需要弹窗的方法里进行setData操作即可

Page({ data:{ }, onLoad: function (options) { }, showToast: function(){ this.setData({ toast: { text: '哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈', flag: 'success', tc: '#000000', bgc: '#ffffff', src: '/images/demo.gif', url: '/pages/logs/logs', style: 2, position: 'bottom', duration: 2000 } }) }})

toast的参数多了不少，由当时的3个参数增加到9个参数 emmmmmmmm后(lan)期(de)优化 下边是各参数的定义，在toast自定义组件的js里也有介绍，demo里也有用法

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。