65 lines
1.5 KiB
Vue
65 lines
1.5 KiB
Vue
<script setup lang="ts">
|
|
const digitalsV2 = [
|
|
{
|
|
title: '资源化技术',
|
|
value: 1231,
|
|
icon: 'solar:bonfire-linear',
|
|
to: '/resource_technology',
|
|
},
|
|
{
|
|
title: '政策',
|
|
value: 123,
|
|
icon: 'solar:buildings-2-broken',
|
|
to: '/policy',
|
|
},
|
|
{
|
|
title: '新闻',
|
|
value: 123,
|
|
icon: 'solar:cart-3-broken',
|
|
to: '/news',
|
|
},
|
|
{
|
|
title: '标准',
|
|
value: 123,
|
|
icon: 'solar:calculator-line-duotone',
|
|
to: '/standard',
|
|
},
|
|
]
|
|
|
|
const selected = ref(0)
|
|
|
|
function change(value: number) {
|
|
selected.value = value
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="fixed bottom-0 left-0 flex flex-col justify-between h-full pt-[170px] z-10 p-14 ">
|
|
<div class="space-y-6 ">
|
|
<NuxtLink v-for="(item, index) in digitalsV2" :key="index" class="block" :to="item.to">
|
|
<DigitalV3 v-bind="item" />
|
|
</NuxtLink>
|
|
</div>
|
|
<Warning :count="35" />
|
|
</div>
|
|
|
|
<div class="fixed bottom-0 right-0 flex h-full gap-6 pt-[150px] z-10 p-6 pr-14 pb-14">
|
|
<div class="flex flex-col justify-between">
|
|
<SectionOne />
|
|
<SectionTwo />
|
|
<SectionFive />
|
|
<!-- <SectionFour /> -->
|
|
</div>
|
|
<!-- <div class="flex flex-col justify-between">
|
|
<SectionTwo />
|
|
<SectionThree />
|
|
<SectionFive />
|
|
</div> -->
|
|
</div>
|
|
<div class="fixed top-0 left-0 w-full h-full ">
|
|
<SectionChinaMap />
|
|
</div>
|
|
<BackgroundLeft class="absolute top-0 left-0 h-full select-none -z-[1]" />
|
|
<BackgroundLeft class="absolute top-0 right-0 h-full scale-x-150 rotate-180 select-none -z-[1]" />
|
|
</template>
|