feat: 调整首页顶部功能

src/pages/index/components/chat/ChatTopNavBar/styles/index.scss

@@ -1,16 +1,29 @@
-.nav-bar {
-  display: flex;
-  align-items: center;
-  height: 44px;
-  padding: 0 15px;
+// 图片从0%到100%动画
+.image-animated {
+  animation: logo-scale 0.3s ease-in-out;
+}
 
-  .nav-item {
-    width: 24px;
-    height: 24px;
-    margin-right: 10px;
+@keyframes logo-scale {
+  0% {
+    transform: scale(0);
   }
-  .nav-item-icon {
-    width: 100%;
-    height: 100%;
+  100% {
+    transform: scale(1);
+  }
+}
+
+// 文字从0%到100%动画，从左到右
+.text-animated {
+  animation: text-fade-in 0.3s ease-in-out;
+}
+
+@keyframes text-fade-in {
+  0% {
+    opacity: 0;
+    transform: translateX(-20px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0);
   }
 }