fix: 修复notice样式绑定路径错误 (#3218)

* fix: 修复notice样式绑定路径错误

* fix: 修改notice的style嵌套结构以匹配template结构

---------

Co-authored-by: wuzhican <3245076860@qq.com>

src/layouts/default/header/components/notify/NoticeList.vue

@@ -162,7 +162,7 @@
       display: inline-block !important;
     }
 
-    &-item {
+    .list-item {
       padding: 6px;
       overflow: hidden;
       transition: all 0.3s;
@@ -182,21 +182,21 @@
             margin-right: 0;
           }
         }
+      }
 
-        .avatar {
-          margin-top: 4px;
-        }
+      .avatar {
+        margin-top: 4px;
+      }
 
-        .description {
-          font-size: 12px;
-          line-height: 18px;
-        }
+      .description {
+        font-size: 12px;
+        line-height: 18px;
+      }
 
-        .datetime {
-          margin-top: 4px;
-          font-size: 12px;
-          line-height: 18px;
-        }
+      .datetime {
+        margin-top: 4px;
+        font-size: 12px;
+        line-height: 18px;
       }
     }
   }