hookehuyr

feat: 添加示例JSON数据并更新用户信息和活动卡片组件

- 添加了`example.json`文件,包含旅行博客的示例数据
- 更新了`users.json`文件,扩展了用户信息字段
- 修改了`ActivityCard.vue`组件,将外层`router-link`替换为`div`以优化结构
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>
......
This diff is collapsed. Click to expand it.
1 +{
2 + "data": [
3 + {
4 + "title": "Travel Blog",
5 + "description": "Here is json data for travel blog"
6 + }
7 + ]
8 +}
...\ No newline at end of file ...\ No newline at end of file
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.