lcw

src/assets/css/pulic.scss

@@ -401,4 +401,91 @@
   src: url("~@/assets/font/HANYILINGXINTIJIAN-1.TTF");
   font-weight: normal;
   font-style: normal;
-}
+}
+
+.warning {
+  color: #df6c07;
+  cursor: pointer;
+}
+
+.success {
+  color: #00ff91;
+  cursor: pointer;
+}
+
+.primary {
+  color: #0b83f4;
+  cursor: pointer;
+}
+
+.info {
+  color: #808080;
+  cursor: pointer;
+}
+
+.danger {
+  color: #ff4d4f;
+  cursor: pointer;
+}
+
+// 警情闪速动画
+@keyframes alert-flash {
+  0%, 100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.3;
+    transform: scale(1.05);
+  }
+}
+
+@keyframes alert-pulse {
+  0% {
+    box-shadow: 0 0 0 0 rgba(255, 77, 79, 0.7);
+  }
+  70% {
+    box-shadow: 0 0 0 10px rgba(255, 77, 79, 0);
+  }
+  100% {
+    box-shadow: 0 0 0 0 rgba(255, 77, 79, 0);
+  }
+}
+
+@keyframes alert-blink {
+  0%, 49% {
+    opacity: 1;
+  }
+  50%, 100% {
+    opacity: 0;
+  }
+}
+
+// 警情闪速样式类
+.alert-flash {
+  animation: alert-flash 1s ease-in-out infinite;
+}
+
+.alert-pulse {
+  animation: alert-pulse 1.5s ease-out infinite;
+}
+
+.alert-blink {
+  animation: alert-blink 1s step-start infinite;
+}
+
+// 组合效果 - 闪烁 + 脉冲
+.alert-flash-pulse {
+  animation: alert-flash 1s ease-in-out infinite, alert-pulse 1.5s ease-out infinite;
+}
+
+// 警情颜色变体
+.alert-danger-flash {
+  color: #ff4d4f;
+  animation: alert-flash 0.8s ease-in-out infinite;
+}
+
+.alert-warning-flash {
+  color: #df6c07;
+  animation: alert-flash 1s ease-in-out infinite;
+}