commitwuyifan_branch2991a0288eAuthor: zcx <1078327420@qq.com> Date: Sun May 12 19:24:16 2024 +0800 1 commitf0a01dc52aAuthor: zcx <1078327420@qq.com> Date: Sun May 12 19:14:07 2024 +0800 1 commit103b91481dMerge:3f241a6d73c814Author: zcx <1078327420@qq.com> Date: Sat May 11 16:10:15 2024 +0800 Merge branch 'develop' of https://bdgit.educoder.net/mwxbgi697/softegg into 曾晨曦_branch commitd73c814619Author: zcx <1078327420@qq.com> Date: Sat May 11 16:04:16 2024 +0800 Squashed commit of the following: commit3f241a6a46Author: zcx <1078327420@qq.com> Date: Sat May 11 16:03:53 2024 +0800 1 commitecd56eeb36Merge:f745de455dbf59Author: zcx <1078327420@qq.com> Date: Sat May 11 16:03:36 2024 +0800 Merge branch 'develop' of https://bdgit.educoder.net/mwxbgi697/softegg into 曾晨曦_branch commitf745de4fefMerge:d83686ac82f1efAuthor: zcx <1078327420@qq.com> Date: Sat May 11 15:51:39 2024 +0800 Merge branch 'develop' of https://bdgit.educoder.net/mwxbgi697/softegg into 曾晨曦_branch commitd83686a012Author: zcx <1078327420@qq.com> Date: Fri May 10 11:06:40 2024 +0800 新界面 commit977b40cd4fAuthor: zcx <1078327420@qq.com> Date: Fri May 10 10:44:28 2024 +0800 新的页面代码 commit548cc49c7dAuthor: zcx <1078327420@qq.com> Date: Fri May 10 10:20:18 2024 +0800 聊天界面初始版 commitff3952859fMerge:7b44e8ac656856Author: zcx <1078327420@qq.com> Date: Fri May 10 10:15:56 2024 +0800 Merge branch 'develop' of https://bdgit.educoder.net/mwxbgi697/softegg into 曾晨曦_branch # Conflicts: # doc/自由同行-软件需求构思及描述.docx commit7b44e8a348Author: zcx <1078327420@qq.com> Date: Fri May 10 10:12:14 2024 +0800 1 commit5e48c1f463Merge:167bb2dbfb34b1Author: zcx <1078327420@qq.com> Date: Fri May 10 10:10:13 2024 +0800 Merge branch '曾晨曦_branch' of https://bdgit.educoder.net/mwxbgi697/softegg into 曾晨曦_branch # Conflicts: # doc/“自由同行”软件需求规格说明书.docx commit167bb2d273Author: zcx <1078327420@qq.com> Date: Fri May 10 10:09:46 2024 +0800 前端代码初始版 commite5d3488734Author: zcx <1078327420@qq.com> Date: Sun Mar 31 11:48:46 2024 +0800 更新 commitbfb34b10a2Author: zcx <1078327420@qq.com> Date: Tue Mar 26 11:15:48 2024 +0800 需求规格说明书 commit26f7946e45Author: zcx <1078327420@qq.com> Date: Tue Mar 26 11:08:14 2024 +0800 1 commit31f1339042Merge:36717949d34b69Author: zcx <1078327420@qq.com> Date: Tue Mar 26 11:07:41 2024 +0800 Merge branch 'develop' of https://bdgit.educoder.net/mwxbgi697/softegg into 曾晨曦_branch commit36717942ebAuthor: zcx <1078327420@qq.com> Date: Thu Mar 21 15:50:06 2024 +0800 用例图
parent
3f241a6a46
commit
a8191418b4
@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager" inherit-compiler-output="true">
|
||||
<exclude-output />
|
||||
<content url="file://$MODULE_DIR$/walktofree" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
@ -0,0 +1,41 @@
|
||||
<template>
|
||||
<div>
|
||||
<h1>任务列表</h1>
|
||||
<div v-for="task in tasks" :key="task.id" class="task-item">
|
||||
<div>{{ task.title }}</div>
|
||||
<div>{{ task.description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
tasks: []
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.fetchTasks();
|
||||
},
|
||||
methods: {
|
||||
async fetchTasks() {
|
||||
try {
|
||||
const response = await fetch('http://localhost:3000/tasks');
|
||||
const data = await response.json();
|
||||
this.tasks = data;
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.task-item {
|
||||
border: 1px solid #ccc;
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,87 @@
|
||||
<template>
|
||||
<div class="item">
|
||||
<i>
|
||||
<slot name="icon"></slot>
|
||||
</i>
|
||||
<div class="details">
|
||||
<h3>
|
||||
<slot name="heading"></slot>
|
||||
</h3>
|
||||
<slot></slot>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.item {
|
||||
margin-top: 2rem;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.details {
|
||||
flex: 1;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
i {
|
||||
display: flex;
|
||||
place-items: center;
|
||||
place-content: center;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.4rem;
|
||||
color: var(--color-heading);
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.item {
|
||||
margin-top: 0;
|
||||
padding: 0.4rem 0 1rem calc(var(--section-gap) / 2);
|
||||
}
|
||||
|
||||
i {
|
||||
top: calc(50% - 25px);
|
||||
left: -26px;
|
||||
position: absolute;
|
||||
border: 1px solid var(--color-border);
|
||||
background: var(--color-background);
|
||||
border-radius: 8px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.item:before {
|
||||
content: ' ';
|
||||
border-left: 1px solid var(--color-border);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: calc(50% + 25px);
|
||||
height: calc(50% - 25px);
|
||||
}
|
||||
|
||||
.item:after {
|
||||
content: ' ';
|
||||
border-left: 1px solid var(--color-border);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: calc(50% + 25px);
|
||||
height: calc(50% - 25px);
|
||||
}
|
||||
|
||||
.item:first-of-type:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.item:last-of-type:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue