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存在时的高度。