uni.$u.toast在scss文件中修改样式不生效

`uni.$u.toast` 是 UniApp 中的一个全局通知组件，用于显示简单的提示信息。如果你想要在 SCSS 文件中修改 toast 的样式，首先你需要确保你已经正确地引用了主题变量 (theme variable) 和自定义样式。

在 SCSS 中修改 `uni.$u.toast` 样式的一般步骤：

1. 导入 UniApp 主题样式文件：通常是在项目的 `styles.scss` 或 `global.scss` 文件中。

   @import '@dcloudio/uni-ui/varibles/colors';

2. 创建一个自定义的 SCSS 类别，并覆盖默认的 toast 样式。例如，你可以创建一个名为 `custom-toast` 的类：

   .custom-toast {
     background-color: $color-primary; // 将颜色替换为你需要的颜色
     border-radius: 5px;
     padding: 10px 20px;
     color: #fff;
     position: fixed;
     z-index: 999;
   }

3. 调整 toast 的 CSS 选择器使其应用到 `uni.$u.toast` 上。由于 `uni.$u.toast` 应该是由框架动态生成的，你可能需要使用 `&__toast` 或者 `.vue.uni-toast` 这样的伪类来精确匹配：

   .custom-toast &__toast {
     // 添加你的自定义样式
   }

4. 使用这个自定义类：

   <template>
     <view ref="toast" class="custom-toast">
       <u-toast :message="msg"></u-toast>
     </view>
   </template>

   <script setup>
     const msg = '这是自定义提示';
     const showToast = () => {
       this.$refs.toast.$el.$emit('show', { message: msg });
     };
   </script>

注意，如果样式更改未生效，可能是由于组件渲染时机的问题，确保你在适当的时候调用 `showToast` 函数。另外，如果在运行时动态改变样式仍然无效，检查是否有其他地方覆盖了这些设置。