uni.showToast 怎么改变背景颜色

uni.showToast 是 UniApp 提供的一个用于显示 Toast（短暂通知）的小部件。如果你想要改变 toast 的背景颜色，通常它是由组件本身预设的主题色控制的，但在某些情况下，你可以通过自定义样式来自定义 toast 的外观。

对于uni-app来说，由于其使用的CSS Flexbox规则，你可以通过设置全局主题或者直接覆盖toast组件的`style`属性来实现。例如，你可以尝试这样做：

// 在app.json中设置全局主题色
{
  "globalStyle": {
    "@components/toast/style/index.wxss": {}
  }
}

// 或者在需要的地方动态修改
uni.showToast({
  message: '提示信息',
  duration: 2000,
  success: function() {
    // 使用wx.createSelectorQuery获取toast实例并修改样式
    const query = wx.createSelectorQuery();
    query.select('.custom-toast').boundingClientRect().then(rect => {
      query.select('.custom-toast').setStyle({
        backgroundColor: 'yourDesiredColor',  // 将'yourDesiredColor'替换为你想用的颜色，如'#ff0000'
        position: 'absolute',
        top: rect.top + 'px',
        left: rect.left + 'px',
        width: rect.width + 'px',
        height: rect.height + 'px',
      });
      query.exec();
    });
  }
})

记得在`.custom-toast`的选择器上应用你的样式，这通常是默认选择器加上你的特定class名。不过要注意，这种方式可能会因平台和版本差异而有所限制，建议查阅官方文档或测试后确认。