优化首页卡片跳转

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

View File

@ -32,6 +32,7 @@
{{ description }} {{ description }}
</div> </div>
<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"> 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; 查看详情&nbsp;&nbsp;&gt;
</div> </div>
@ -57,7 +58,7 @@ defineProps({
}, },
linkUrl: { linkUrl: {
type: String, type: String,
default: '/product/beenFactory'
} }
}) })

View File

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

View File

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