feat:【antd】首页项目点击时,可以进行跳转

This commit is contained in:
YunaiV
2025-10-25 09:24:33 +08:00
parent 9a526f83cc
commit 5e5a50615b
3 changed files with 9 additions and 10 deletions

View File

@@ -49,12 +49,12 @@ const projectItems: WorkbenchProjectItem[] = [
}, },
{ {
color: '#ff4d4f', color: '#ff4d4f',
content: 'github.com/yudaocode/yudao-ui-mall-uniapp', content: 'github.com/yudaocode/yudao-mall-uniapp',
date: '2025-03-04', date: '2025-03-04',
group: 'Vue3 + uniapp 商城手机端', group: 'Vue3 + uniapp 商城手机端',
icon: 'icon-park-outline:mall-bag', icon: 'icon-park-outline:mall-bag',
title: 'yudao-ui-mall-uniapp', title: 'yudao-mall-uniapp',
url: 'https://github.com/yudaocode/yudao-ui-mall-uniapp', url: 'https://github.com/yudaocode/yudao-mall-uniapp',
}, },
{ {
color: '#1890ff', color: '#1890ff',

View File

@@ -49,12 +49,12 @@ const projectItems: WorkbenchProjectItem[] = [
}, },
{ {
color: '#ff4d4f', color: '#ff4d4f',
content: 'github.com/yudaocode/yudao-ui-mall-uniapp', content: 'github.com/yudaocode/yudao-mall-uniapp',
date: '2025-03-04', date: '2025-03-04',
group: 'Vue3 + uniapp 商城手机端', group: 'Vue3 + uniapp 商城手机端',
icon: 'icon-park-outline:mall-bag', icon: 'icon-park-outline:mall-bag',
title: 'yudao-ui-mall-uniapp', title: 'yudao-mall-uniapp',
url: 'https://github.com/yudaocode/yudao-ui-mall-uniapp', url: 'https://github.com/yudaocode/yudao-mall-uniapp',
}, },
{ {
color: '#1890ff', color: '#1890ff',

View File

@@ -41,22 +41,21 @@ defineEmits(['click']);
'rounded-br-xl': index === items.length - 1, 'rounded-br-xl': index === items.length - 1,
}" }"
class="border-border group w-full cursor-pointer border-r border-t p-4 transition-all hover:shadow-xl md:w-1/2 lg:w-1/3" class="border-border group w-full cursor-pointer border-r border-t p-4 transition-all hover:shadow-xl md:w-1/2 lg:w-1/3"
@click="$emit('click', item)"
> >
<div class="flex items-center"> <div class="flex items-center">
<VbenIcon <VbenIcon
:color="item.color" :color="item.color"
:icon="item.icon" :icon="item.icon"
class="size-8 transition-all duration-300 group-hover:scale-110" class="size-8 transition-all duration-300 group-hover:scale-110"
@click="$emit('click', item)"
/> />
<span class="ml-4 text-lg font-medium">{{ item.title }}</span> <span class="ml-4 text-lg font-medium">{{ item.title }}</span>
</div> </div>
<div class="text-foreground/80 mt-4 flex h-10"> <div class="text-foreground/80 mt-4 flex h-10">
{{ item.content }} {{ item.group }}
</div> </div>
<div class="text-foreground/80 flex justify-between"> <div class="text-foreground/80 flex justify-between">
<span>{{ item.group }}</span> <span>{{ item.content }}</span>
<span>{{ item.date }}</span>
</div> </div>
</div> </div>
</template> </template>