联调app

pages/message1/index.scss

@@ -17,6 +17,8 @@
     /* 第一个盒子的特殊样式（蓝色背景） */
     .box:first-child {
         flex: 1.7;
+    }
+    .boxClick {
         background-color: $uni-theme-color;
         color: #ffffff;
     }
@@ -83,7 +85,13 @@
         background-color: #e6a23c20;
     }
     .interrupt .event-icon {
-        background-color: #90939920;
+        background-color: #00000020;
+    }
+    .transient .event-icon {
+        background-color: #8b5cf620;
+    }
+    .unknown .event-icon {
+        background-color: #6b728020;
     }
     .event-icon image {
         width: 48rpx;
@@ -101,7 +109,7 @@
         flex-wrap: wrap; /* 适配小屏，防止文字溢出 */
     }
     .event-id {
-        font-size: 15px;
+        font-size: 28rpx;
         font-weight: 700;
         color: #333333;
         margin-right: 16rpx;
@@ -115,16 +123,24 @@
         height: 38rpx;
     }
     .sag-tag {
-        background-color: #ecf5ff;
+        background-color: #2563eb20;
         color: #2563eb;
     }
     .swell-tag {
-        background-color: #fdf6ec;
+        background-color: #e6a23c20;
         color: #e6a23c;
     }
     .interrupt-tag {
-        background-color: #f4f4f5;
-        color: #909399;
+        background-color: #6b728020;
+        color: #6b7280;
+    }
+    .transient-tag {
+        background-color: #8b5cf620;
+        color: #8b5cf6;
+    }
+    .unknown-tag {
+        background-color: #6b728020;
+        color: #6b7280;
     }
     /* 描述文本 */
     .event-desc {
@@ -155,7 +171,7 @@
 
     /* 详情文本 */
     .event-detail {
-        font-size: 24rpx;
+        font-size: 26rpx;
         color: #666666;
         line-height: 1.5;
         padding-top: 10rpx;
@@ -174,7 +190,6 @@
         height: 58rpx;
     }
     .uni-input {
-
         font-size: 24rpx;
         color: #2563eb;
         margin-right: 10rpx;