feat: 新增首页IP交互

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

@@ -4,10 +4,20 @@
 
     <!-- 隐藏 -->
     <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>
+      <!-- ChatTopWelcome不在可视区：显示并添加动画；在可视区：隐藏 -->
+      <image
+        v-show="show"
+        class="w-32 h-32"
+        :class="{ 'image-animated': show }"
+        :src="logoImageUrl"
+        mode="aspectFit"
+      />
+      <text
+        v-show="show"
+        class="font-size-14 font-500 color-171717 ml-10"
+        :class="{ 'text-animated': show }"
+        >沐沐</text
+      >
     </view>
 
     <view class="w-24 h-24"></view>
@@ -15,7 +25,7 @@
 </template>
 
 <script setup>
-import { defineProps, computed } from "vue";
+import { ref, defineProps, computed, defineExpose } from "vue";
 
 const props = defineProps({
   mainPageDataModel: {
@@ -24,11 +34,15 @@ const props = defineProps({
   },
 });
 
+const show = ref(false);
+
 const logoImageUrl = computed(
   () => props.mainPageDataModel.initPageImages?.logoImageUrl
 );
 
 const showDrawer = () => uni.$emit("SHOW_DRAWER");
+
+defineExpose({ show });
 </script>
 
 <style lang="scss" scoped>