3879关注12062浏览
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存在时的高度。
-
至过去的我
2044人对此回答表示赞同
我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多> -
Valentina
11人对此回答表示赞同
toast是您自行实现的?可以排查相关样式属性是否有问题。
展开110回复分享发布于 6年前评论(0)
收起评论
-
张发宗
3人对此回答表示赞同
另外,我设置了image属性,也没见image显示出来
展开30回复分享发布于 6年前评论(0)
收起评论