微信小程序自定义toast组件(含动画)

最新推荐文章于 2025-04-15 15:40:05 发布

zhy前端攻城狮

最新推荐文章于 2025-04-15 15:40:05 发布

阅读量2.8k

点赞数

分类专栏：微信小程序文章标签：自定义组件

本文链接：https://blog.youkuaiyun.com/zhy13087344578/article/details/80868907

版权

怎么创建就不说了，上一篇有
微信小程序自定义prompt组件
直接上代码
wxml

<!-- components/toast/toast.wxml -->
<view class="toast-box {
   {
   isShow? 'show':''}}" animation="{
   {
   animationData}}">
    <view class="toast-content"  >
        <view class="toast-img">
            <block wx:if="{
   {
   type==='success'}}">
                <image class="toast-icon"  src="xxx" />
            </block>
            <block wx:if="{
   {
   type==='fail'}}">
                <image class="toast-icon"  src="xxx" />
            </block>
        </view>
        <view class="toast-title