feat:【antd】首页项目点击时,可以进行跳转
This commit is contained in:
@@ -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',
|
||||||
|
|||||||
@@ -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',
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user