wxml 代码片段


<button class="btn" bindtap="onToast">toast</button>

<toast hidden='{{toast.hidden}}' icon='{{toast.icon}}' mask='{{toast.mask}}' duration='{{toast.duration}}' bindchange='onToastChange'>{{toast.title}}</toast>


js代码片段


data: {

    toast: {

        hidden: true,

        icon: 'none',

        duration: 1000,

        title: '我是默认值',

        mask: false

    }

},


onToast() {

    this.setData({

        toast: {

            hidden: false,

            icon: 'none',

            duration: 3000,

            title: '你好',

            mask: false

        }

    });

},


onToastChange(e) {

    console.log('onToastChange', e);

    this.setData({

        toast: {

            hidden: true

        }

    });

},


(图中我业务需要,旋转了90度)请忽略。竖屏我试过也是一样


我在wxml中 toast的icon设置为none了,内容也显示出来了,但是高度似乎还是保留了icon存在时的高度。


展开全部
收起
2回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Valentina

    11人对此回答表示赞同

    toast是您自行实现的?可以排查相关样式属性是否有问题。

    展开
    11
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 张发宗

    3人对此回答表示赞同

    另外,我设置了image属性,也没见image显示出来

    展开
    3
    0回复
    发布于 6年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部