修复通知看不清问题

2026-05-22 22:02:45 +08:00
parent 4b6a12b08d
commit 14efed5ebf
10 changed files with 57 additions and 27 deletions
@@ -1405,3 +1405,14 @@ h1 {
    width: 100%;
  }
 }
+
+/* ── Vant Toast 保护规则 ──────────────────────────────────
+   .van-popup 声明 background: var(--van-popup-background) = #fff (白色)
+   .van-toast 声明 background: var(--van-toast-background) = rgba(0,0,0,.7) (黑色)
+   两个类同优先级，但 .van-popup 在 vant/lib/index.css 中后声明 → 覆盖黑色背景
+   导致 Toast 白底白字看不见。用双类选择器提升优先级强制使用黑色背景。
+   ────────────────────────────────────────────────────────── */
+.van-popup.van-toast {
+  background: var(--van-toast-background) !important;
+  color: var(--van-toast-text-color) !important;
+}