From 88e02c030a5549b0609f1d4cdfc81659ba645711 Mon Sep 17 00:00:00 2001
From: satori <huan0016@gmail.com>
Date: Sun, 8 Dec 2024 07:39:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9A=82=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PageHome.vue | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/components/PageHome.vue b/src/components/PageHome.vue
index 0a4a72d..0225e0c 100644
--- a/src/components/PageHome.vue
+++ b/src/components/PageHome.vue
@@ -10,22 +10,12 @@ main(class="bg-white rounded-t-xl mt-17 p-4 pt-38 shadow-gray-200 relative")
         div(class="rounded-xl bg-blue-500 h-8 w-8 flex justify-center items-center text-white")
           i.pi.pi-box
         span(class="font-sans text-xs mt-1") {{ item.name }}
-  //// 我的任务(每个项目分为一片, 处理结果 任务详情 回执 转向)
-  //div(class="rounded-md shadow-md p-6 shadow-gray-200 bg-white" v-for="x in 2" :key="x")
-  //  div(class="flex flex-row flex-nowrap")
-  //    div(class="font-bold flex-1 text-sm") 项目 (待处理, 已处理(传递))
-  //    div(class="text-xs") 查看更多
-  //  div
-  //    ul
-  //      li(v-for="item in 会议" :key="item.name" class="flex mt-1" @click="click()")
-  //        span(class="font-sans text-sm pl-1 mr-2") {{ item.name }}
-  //        span(class="font-sans text-xs text-gray-300 pl-1") {{ item.time }}
   // 任务列表
   button(@click="任务.stretch = !任务.stretch") 展开列表
-  div(class="rounded-md shadow-md mt-6 p-6 shadow-gray-200 bg-white" v-for="item in 任务.list" :key="item.id")
+  div(class="bg-white rounded-md shadow-md mt-6 p-6 shadow-gray-200" v-for="item in 任务.list" :key="item.id")
     div(class="flex flex-row flex-nowrap")
       div(class="font-bold flex-1 text-sm") {{ item.name }}
-    div(v-show="任务.stretch" class="transition transition-all ease-out duration-700")
+    div(:class="{ expanded: 任务.stretch }" v-show="任务.stretch" class="transition transition-all ease-out duration-700 box")
       p 任务描述
 
   div(class="font-sans text-xs text-gray-300 flex items-center justify-center py-6")
@@ -33,6 +23,21 @@ main(class="bg-white rounded-t-xl mt-17 p-4 pt-38 shadow-gray-200 relative")
   PageArticle(v-if="article.show")
 </template>
 
+<style>
+.box {
+  transform: scaleY(0);
+  transform-origin: top;
+  transition: transform 0.5s ease;
+  overflow: hidden;
+  background-color: #f9f9f9;
+  padding: 10px;
+}
+
+.box.expanded {
+  transform: scaleY(1);
+}
+</style>
+
 <script setup>
 import { reactive, defineProps, defineEmits } from "vue"