<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>
