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存在时的高度。
toast 是您自行实现的?可以排查相关样式属性是否有问题。
另外,我设置了image属性,也没见image显示出来