jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-03-03 10:30:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add milk tea activity page

Browse Source
This commit is contained in:
Tim
2025-07-28 15:11:25 +08:00
parent 9a01a5daf6
commit 29c584f059
6 changed files with 326 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
open-isle-cli/src/views/ActivityListPageView.vue
View File

@@ -1,25 +1,46 @@
<template>
<div class="activity-list-page">
<div class="activity-list-page-card" v-for="a in activities" :key="a.id">
<div class="activity-list-page-card-normal">
<div v-if="a.icon" class="activity-card-normal-left">
<img :src="a.icon" alt="avatar" class="activity-card-left-avatar-img" />
</div>
<div class="activity-card-normal-right">
<div class="activity-card-normal-right-header">
<div class="activity-list-page-card-title">{{ a.title }}</div>
<div v-if="a.ended" class="activity-list-page-card-state-end">已结束</div>
<div v-else class="activity-list-page-card-state-ongoing">进行中</div>
<router-link v-if="a.type === 'MILK_TEA'" class="activity-link" to="/activities/milk-tea">
<div class="activity-list-page-card-normal">
<div v-if="a.icon" class="activity-card-normal-left">
<img :src="a.icon" alt="avatar" class="activity-card-left-avatar-img" />
</div>
<div class="activity-list-page-card-content">{{ a.content }}</div>
<div class="activity-list-page-card-footer">
<div class="activity-list-page-card-footer-start-time">
<i class="fas fa-clock"></i>
<span>开始于 {{ TimeManager.format(a.startTime) }}</span>
<div class="activity-card-normal-right">
<div class="activity-card-normal-right-header">
<div class="activity-list-page-card-title">{{ a.title }}</div>
<div v-if="a.ended" class="activity-list-page-card-state-end">已结束</div>
<div v-else class="activity-list-page-card-state-ongoing">进行中</div>
</div>
<div class="activity-list-page-card-content">{{ a.content }}</div>
<div class="activity-list-page-card-footer">
<div class="activity-list-page-card-footer-start-time">
<i class="fas fa-clock"></i>
<span>开始于 {{ TimeManager.format(a.startTime) }}</span>
</div>
</div>
</div>
</div>
</router-link>
<div v-else class="activity-list-page-card-normal">
<div v-if="a.icon" class="activity-card-normal-left">
<img :src="a.icon" alt="avatar" class="activity-card-left-avatar-img" />
</div>
<div class="activity-card-normal-right">
<div class="activity-card-normal-right-header">
<div class="activity-list-page-card-title">{{ a.title }}</div>
<div v-if="a.ended" class="activity-list-page-card-state-end">已结束</div>
<div v-else class="activity-list-page-card-state-ongoing">进行中</div>
</div>
<div class="activity-list-page-card-content">{{ a.content }}</div>
<div class="activity-list-page-card-footer">
<div class="activity-list-page-card-footer-start-time">
<i class="fas fa-clock"></i>
<span>开始于 {{ TimeManager.format(a.startTime) }}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
@@ -117,4 +138,9 @@ export default {
opacity: 0.7;
}
.activity-link {
text-decoration: none;
color: inherit;
}
</style>