修改uni.$u.toast默认样式

在VUE3中，如果你想要修改uni-app框架中的$u.toast（吐司提示）默认样式，可以利用Vue的组件自定义属性或者全局CSS变量来进行设置。以下是两种常见的方式：

1. **局部修改**:
对于单个toast实例，可以在调用`$u.toast`时直接传入一个对象作为第二个参数，该对象包含你想覆盖的样式，例如：

   this.$u.toast({
       content: '提示信息',
       style: {
           backgroundColor: '#f00', // 更改背景颜色
           color: '#fff',      // 更改文字颜色
           fontSize: '14px',   // 更改字体大小
           borderRadius: '5px', // 更改圆角
       },
   })

2. **全局修改**:
如果希望所有地方的toasts都应用同样的样式，可以在项目的全局CSS文件或组件的style标签内定义变量，并在`$u Toast`的样式里引用这些变量：

   // 在main.css或其他全局CSS文件中
   :root {
     --u-toast-bg-color: #ff0000;
     --u-toast-text-color: #ffffff;
     --u-toast-font-size: 14px;
   }

   $u-toast {
     background-color: var(--u-toast-bg-color);
     color: var(--u-toast-text-color);
     font-size: var(--u-toast-font-size);
   }