feat: 首页动画调整

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

@@ -5,7 +5,7 @@ v
       <view
         class="flex flex-items-center flex-justify-between border-box pl-12 pr-12"
       >
-        <view class="ip"></view>
+        <view class="ip" :style="getStyle"></view>
         <view
           class="welcome-text font-size-14 font-500 font-family-misans-vf color-171717 line-height-24"
         >
@@ -20,6 +20,7 @@ v
 
 <script setup>
 import { defineProps, computed, getCurrentInstance, defineExpose } from "vue";
+import { getCurrentConfig } from "@/constant/base";
 import ChatMoreTips from "../ChatMoreTips/index.vue";
 
 const props = defineProps({
@@ -48,7 +49,19 @@ const props = defineProps({
   },
 });
 
-const initPageImages = computed(() => props.mainPageDataModel.initPageImages);
+const getStyle = computed(() => {
+  const config = getCurrentConfig();
+
+  return {
+    "--ipLargeImageStep": config.ipLargeImageStep,
+    "--ipLargeImageHeight": config.ipLargeImageHeight,
+    "--ipLargeTime": config.ipLargeTime,
+    backgroundImage: `url(${config.ipLargeImage})`,
+    backgroundRepeat: "no-repeat",
+    backgroundSize: "158px auto",
+    backgroundPosition: "0 0",
+  };
+});
 const welcomeContent = computed(() => props.mainPageDataModel.welcomeContent);
 const guideWords = computed(() => props.mainPageDataModel.guideWords);