feat: 添加示例JSON数据并更新用户信息和活动卡片组件
- 添加了`example.json`文件,包含旅行博客的示例数据 - 更新了`users.json`文件,扩展了用户信息字段 - 修改了`ActivityCard.vue`组件,将外层`router-link`替换为`div`以优化结构
Showing
6 changed files
with
12 additions
and
4 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2025-04-17 13:16:20 | 2 | * @Date: 2025-04-17 13:16:20 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-04-21 10:52:50 | 4 | + * @LastEditTime: 2025-04-21 13:18:07 |
| 5 | * @FilePath: /mlaj-reading-club/src/components/shared/ActivityCard.vue | 5 | * @FilePath: /mlaj-reading-club/src/components/shared/ActivityCard.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| 8 | <template> | 8 | <template> |
| 9 | - <router-link :to="`/activity/${activity.id}`" | 9 | + <div |
| 10 | class="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition duration-200" | 10 | class="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition duration-200" |
| 11 | :class="isSmall ? 'flex-row h-32' : 'flex-col'"> | 11 | :class="isSmall ? 'flex-row h-32' : 'flex-col'"> |
| 12 | <div :class="['relative', isSmall ? 'w-1/3' : 'w-full h-48']"> | 12 | <div :class="['relative', isSmall ? 'w-1/3' : 'w-full h-48']"> |
| ... | @@ -56,12 +56,12 @@ | ... | @@ -56,12 +56,12 @@ |
| 56 | </div> | 56 | </div> |
| 57 | </div> | 57 | </div> |
| 58 | 58 | ||
| 59 | - <router-link to="`/activity/${activity.id}`" | 59 | + <router-link :to="`/activity/${activity.id}`" |
| 60 | class="mt-4 inline-flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-gradient-to-r from-green-500 to-blue-500 hover:from-green-600 hover:to-blue-600"> | 60 | class="mt-4 inline-flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-gradient-to-r from-green-500 to-blue-500 hover:from-green-600 hover:to-blue-600"> |
| 61 | {{ isPast ? '查看详情' : isRegistrationOpen ? '立即报名' : '了解更多' }} | 61 | {{ isPast ? '查看详情' : isRegistrationOpen ? '立即报名' : '了解更多' }} |
| 62 | </router-link> | 62 | </router-link> |
| 63 | </div> | 63 | </div> |
| 64 | - </router-link> | 64 | + </div> |
| 65 | </template> | 65 | </template> |
| 66 | 66 | ||
| 67 | <script setup> | 67 | <script setup> | ... | ... |
src/data/checkins.json
0 → 100644
This diff is collapsed. Click to expand it.
src/data/example.json
0 → 100644
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
-
Please register or login to post a comment