小程序中如何自定义吐司

  介绍

这篇文章将为大家详细讲解有关小程序中如何自定义吐司,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

<强>一、微信官方默认面包

面包最常见了,几乎每个应用都有这样的特效,先看下小程序自带的面包效果,立马想死的心都有了~ ~

微信自带面包的效果:

小程序中如何自定义土司”> </p> <p> js文件:</p> <pre类=八?js;工具栏:假;”> wx.showToast ({
  标题:大敌;& # 39;成功& # 39;,
  ,图标:& # 39;成功# 39;
  ,时间:2000年
  })</pre> <p>用法超级简单,但官方小程序有几个问题:</p> <p>只能显示成功,加载两种图标</p> <p>且图标不可去除</p> <p>持续时间最大10秒</p> <p> <强>二、自定义面包</强> </p> <p>我们最常见的面包是偏底部,而且高度是比较小的那种~ ~ </p> <p>先看效果:</p> <p> <img src=   & lt;才能view 类=皐etoast__bd {{职位}}“,动画=皗{animationData}}“比;   ,,& lt; block  wx:如果=皗{标题}}“比;   ,,,& lt; view 类=皐etoast__bd__title  {{titleClassName  | |, & # 39; & # 39;}}“在{{标题}}& lt;/view>   ,,& lt;/block>   & lt;才能/view>   ,& lt;/view>   & lt;/template>

2) JS主要有以下用法

核心代码:

let  pages =, getCurrentPages ();   let  curPage =,页面[pages.length 安康;1];

这段代码是核心,<代码> getCurrentPages ()。- 1> 页面。setData>

核心代码:

let  animation =, wx.createAnimation ();   animation.opacity (1) .step ();

这段代码是土司消失的时候有一个缓慢的动画效果。

关于“小程序中如何自定义土司”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

小程序中如何自定义吐司