feat: 调整首页顶部功能

src/pages/index/components/chat/ChatTopNavBar/index.vue

@@ -1,14 +1,32 @@
 <template>
-  <view class="nav-bar">
-    <view class="nav-item" @click="showDrawer">
-      <uni-icons type="bars" size="24" color="#333" />
+  <view class="border-box h-44 flex flex-items-center pl-12 pr-12">
+    <uni-icons type="bars" size="24" color="#333" @click="showDrawer" />
+
+    <!-- 隐藏 -->
+    <view class="flex-full h-full flex flex-items-center flex-justify-center">
+      <!-- 需要添加的image-animated动画 -->
+      <image class="w-32 h-32" :src="logoImageUrl" mode="aspectFit" />
+      <!-- 需要添加的text-animated动画 -->
+      <text class="font-size-14 font-500 color-171717 ml-10">沐沐</text>
     </view>
+
+    <view class="w-24 h-24"></view>
   </view>
 </template>
 
 <script setup>
-import { ref } from "vue";
-import { checkToken } from "@/hooks/useGoLogin";
+import { defineProps, computed } from "vue";
+
+const props = defineProps({
+  mainPageDataModel: {
+    type: Object,
+    default: () => ({}),
+  },
+});
+
+const logoImageUrl = computed(
+  () => props.mainPageDataModel.initPageImages?.logoImageUrl
+);
 
 const showDrawer = () => uni.$emit("SHOW_DRAWER");
 </script>