56 lines
1.2 KiB
Vue
56 lines
1.2 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
const digitalsV2 = [
|
||
|
|
{
|
||
|
|
title: 'string',
|
||
|
|
value: 123,
|
||
|
|
icon: 'solar:airbuds-remove-line-duotone',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'string',
|
||
|
|
value: 123,
|
||
|
|
icon: 'solar:airbuds-remove-line-duotone',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'string',
|
||
|
|
value: 123,
|
||
|
|
icon: 'solar:airbuds-remove-line-duotone',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'string',
|
||
|
|
value: 123,
|
||
|
|
icon: 'solar:airbuds-remove-line-duotone',
|
||
|
|
},
|
||
|
|
]
|
||
|
|
|
||
|
|
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 ">
|
||
|
|
<DigitalV3 v-for="(item, index) in digitalsV2" :key="index" v-bind="item" />
|
||
|
|
</div>
|
||
|
|
<Warning :count="35" />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="fixed bottom-0 right-0 flex h-full gap-6 pt-[150px] z-10 p-6">
|
||
|
|
<div class="flex flex-col justify-between">
|
||
|
|
<SectionOne />
|
||
|
|
<SectionTwo />
|
||
|
|
<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 bg-black/50">
|
||
|
|
<SectionChinaMap />
|
||
|
|
</div>
|
||
|
|
</template>
|