优化首页卡片跳转
This commit is contained in:
parent
17a458e99e
commit
f4ed5f5db5
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
查看详情 >
|
||||
</div>
|
||||
|
|
@ -57,7 +58,7 @@ defineProps({
|
|||
},
|
||||
linkUrl: {
|
||||
type: String,
|
||||
default: '/product/beenFactory'
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<LandingPRODUCT_INTRODUCTION/>
|
||||
<LandingCaseFacts/>
|
||||
<!-- <ScrollToTop/>-->
|
||||
|
||||
</UPage>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user