优化首页卡片跳转

This commit is contained in:
WindowBird 2025-10-25 16:02:06 +08:00
parent 17a458e99e
commit f4ed5f5db5
4 changed files with 10 additions and 17 deletions

View File

@ -6,19 +6,19 @@ const services = [
title: "智慧蜂场建设",
description: "提供蜂群、蜂箱、蜂场环境等信息远程实时自动获取、统计分析和监测预警服务,实现智能化养殖,提高管理效率,节省成本。",
iconSrc: "/img/index/s1.svg",
linkUrl: "/product/smart-farm"
linkUrl: "/product/beenfactory"
},
{
title: "蜂产品质量追溯",
description: "建立完整的蜂产品质量追溯体系,从源头到终端全程可追溯,确保产品质量安全可靠。",
iconSrc: "/img/index/s2.svg",
linkUrl: "/product/quality-trace"
linkUrl: "/product/beensafe"
},
{
title: "智能蜂箱管理",
description: "采用物联网技术实时监控蜂箱状态,智能调节温湿度,提高蜜蜂养殖效率和生存率。",
iconSrc: "/img/index/s3.svg",
linkUrl: "/product/smart-hive"
linkUrl: "/product/beenhive"
},
{
title: "蜂业知识服务",
@ -30,13 +30,14 @@ const services = [
title: "蜂产业大数据",
description: "基于大数据分析的蜂产业监测预警系统,为产业发展提供数据支撑和决策依据。",
iconSrc: "/img/index/s5.svg",
linkUrl: "/product/big-data"
linkUrl: "/product/beendata"
},
{
title: "无人机巡检",
description: "利用无人机技术进行蜂场巡检,高效监测蜂群状态和环境变化,降低人工成本。",
title: "定制化开发",
description: "支持软件系统定制化开发、充分满足企业或政府的特定需求、" +
"灵活的功能设计、定制化的模块开发、更好的支持企业业务需求。",
iconSrc: "/img/index/s6.svg",
linkUrl: "/product/drone-inspection"
}
]
</script>

View File

@ -32,6 +32,7 @@
{{ description }}
</div>
<div
v-if="linkUrl"
class="text-white text-sm text-right w-full mt-1 opacity-90 transition-opacity duration-300 group-hover:opacity-100 group-hover:underline">
查看详情&nbsp;&nbsp;&gt;
</div>
@ -57,7 +58,7 @@ defineProps({
},
linkUrl: {
type: String,
default: '/product/beenFactory'
}
})

View File

@ -7,7 +7,6 @@
<LandingPRODUCT_INTRODUCTION/>
<LandingCaseFacts/>
<!-- <ScrollToTop/>-->
</UPage>
</template>

View File

@ -56,7 +56,6 @@ const page = ref(1)
v-for="(card, index) in cards"
:key="index"
:description="card.description"
:title="card.title"
:ui="{
root:'group',
@ -67,12 +66,9 @@ const page = ref(1)
spotlight
spotlight-color="primary"
>
<img
:alt="card.alt" :src="card.image " class="object-cover aspect-[4/3] w-full">
<template #footer>
<UButton
class="px-0 gap-0 text-right"
label="去阅读"
@ -86,13 +82,9 @@ const page = ref(1)
/>
</template>
</UButton>
</template>
<template #header>
<view class="text-left">{{ card.date }}</view>
</template>
</UPageCard>
</div>