LaniakeaSupercluster/cooperation
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

暂存

Browse Source
This commit is contained in:
satori 2024-12-08 07:39:15 +08:00
parent 0551bf8f53
commit 88e02c030a
1 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/PageHome.vue
View File

@ -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"