更新

src/views/chat/index.vue

@@ -609,6 +609,10 @@ window.addEventListener('test', (e) => {
     prompt.value = window.winText
 })
 
+setTimeout(()=>{
+	nowStart.value = false;
+}, 800)
+
 </script>
 
 <template>
@@ -622,6 +626,7 @@ window.addEventListener('test', (e) => {
 				<!-- <lodingCir v-else-if="nowStatus=='loding'" key="loding"></lodingCir> -->
 			</transition>
 		</indexBG>
+		<transition name="slide-right-to-left">
 			<div v-if="!nowStart" class="flex flex-col w-full h-full" :style="{'max-width': maxWeight + 'px'}">
 				<HeaderComponent
 					v-if="isMobile"
@@ -752,6 +757,7 @@ window.addEventListener('test', (e) => {
 					</div>
 				</footer>
 			</div>
+		</transition>
 	</div>
 </template>
 
@@ -772,4 +778,20 @@ window.addEventListener('test', (e) => {
   opacity: 0;
 }
 
+.slide-right-to-left-enter-active,
+.slide-right-to-left-leave-active {
+  transition: all 2.0s;
+}
+
+.slide-right-to-left-enter,
+.slide-right-to-left-leave-to {
+  opacity: 1;
+  transform: translateX(100%);
+}
+
+.slide-right-to-left-enter-to,
+.slide-right-to-left-leave {
+  opacity: 1;
+  transform: translateX(0%);
+}
 </style>