uniapp更改uni.showToast 宽度
时间: 2023-10-20 13:30:18 浏览: 303
修改Toast动画效果
5星 · 资源好评率100%
你可以使用uni.showToast的complete参数来实现更改uni.showToast的宽度。在complete函数中,你可以获取到toast组件的实例,并通过修改其样式来改变宽度。下面是示例代码:
```javascript
uni.showToast({
title: 'Hello World',
complete: function() {
// 获取toast组件实例
const toast = uni.createSelectorQuery().select('.uni-toast')
// 修改toast组件的样式
toast.boundingClientRect(function(rect) {
if (rect) {
toast.styles({
width: '200px' // 设置宽度为200px
})
}
}).exec()
}
})
```
这段代码会在显示toast之后,在complete回调函数中获取toast组件的实例,并通过修改styles来改变宽度。你可以根据具体需求修改宽度的数值。注意,`.uni-toast`是toast组件的类名,你可以根据实际情况修改选择器。
阅读全文