From 83e116e210c3d7bd5416a67c7103bde4a46f0b1a Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Mon, 17 Feb 2025 13:48:24 +0800
Subject: [PATCH] =?UTF-8?q?style(liveRoom/realAuth):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=8A=A8=E7=94=BB=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- liveRoom:
  - 为 transition 组件添加 fade 名称，优化动画效果
  - 添加 fade
---
 app/pages/liveRoom/index.client.vue | 22 ++++++++++++++++------
 app/pages/realAuth/index.vue        |  3 +++
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index c35587b..743ffcd 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -100,7 +100,7 @@ const updateShow = () => {
 <template>
   <div class="relative h-full">
     <div :id="playerId" class="w-full h-full"></div>
-    <transition>
+    <transition name="fade">
       <div v-if="fullLive">
         <sideButton class="absolute top-196px right-0 z-999"></sideButton>
         <div class="absolute left-1/2 transform -translate-x-1/2 flex flex-col items-center"
@@ -159,16 +159,26 @@ const updateShow = () => {
 </style>
 
 <style scoped>
-.v-enter-active,
-.v-leave-active {
-  transition: opacity 0.3s ease;
+
+/* 定义过渡动画 */
+.fade-enter-active{
+  transition: opacity 1s ease;
 }
 
-.v-enter-from,
-.v-leave-to {
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+/* 定义进入和离开的状态 */
+.fade-enter-from,
+.fade-leave-to {
   opacity: 0;
 }
 
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
 .my-rolling-text {
   --van-rolling-text-item-width: 10px;
   --van-rolling-text-font-size: 16px;
diff --git a/app/pages/realAuth/index.vue b/app/pages/realAuth/index.vue
index e473d64..bf4edd8 100644
--- a/app/pages/realAuth/index.vue
+++ b/app/pages/realAuth/index.vue
@@ -145,6 +145,9 @@ const goLogin=()=>{
 </template>
 
 <style scoped>
+:deep(.van-cell__title.van-field__label){
+  width: 80px;
+}
 :deep(.van-tabs__line) {
   height: 2px;
   width: 107px;