uni.showToast 的样式怎么写
uni.showToast
是一个用于显示 toast 提示的 uni-app 接口。其样式可以通过传入的参数来定义。
参数如下:
title
:要显示的文本icon
:图标,有success
,loading
,none
可选duration
:显示时长,默认 1500msmask
:是否显示遮罩层,默认 falseposition
:位置,有top
,bottom
,center
可选,默认center
样式可以通过 image
属性自定义图标,通过 style
属性自定义样式。
示例代码:
uni.showToast({
title: '操作成功',
icon: 'success',
duration: 2000,
position: 'bottom',
mask: true,
image: '/static/success.png', // 自定义图标
style: {
color: '#fff', // 文字颜色
background: '#000' // 背景颜色
},
success: function () {
console.log('toast 显示成功');
},
fail: function () {
console.log('toast 显示失败');
}
});
注意:style
属性中的样式是简单样式,不支持所有 CSS 样式。如果需要更复杂的样式定制,可以使用自定义 toast 组件。
评论已关闭