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