You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
2.1 KiB
56 lines
2.1 KiB
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
import WorkbenchHeader from './components/WorkbenchHeader.vue'
|
|
import ProjectCard from './components/ProjectCard.vue'
|
|
import DynamicInfo from './components/DynamicInfo.vue'
|
|
import StaticImg from './components/staticImg.vue'
|
|
import ParameterInfo from './components/ParameterInfo.vue'
|
|
import Operation from './components/Operation.vue'
|
|
import data from './components/demo.json'
|
|
import { PageWrapper } from '@/components/Page'
|
|
|
|
const loading = ref(true)
|
|
|
|
setTimeout(() => {
|
|
loading.value = false
|
|
}, 500)
|
|
</script>
|
|
|
|
<template>
|
|
<PageWrapper class="m-1">
|
|
<template #headerContent>
|
|
<WorkbenchHeader :data="data" />
|
|
</template>
|
|
<div class="bg-[#f5f5f5]">
|
|
<div class="enter-y h-95 md:flex">
|
|
<StaticImg class="m-1 w-full md:w-1/4" :loading="loading" :data="data.LeftUp" />
|
|
<ProjectCard class="enter-y m-1 w-full md:w-1/2" :loading="loading" :data="data.LeftMidUp" />
|
|
<div class="enter-y w-full !mr-4 md:w-1/4">
|
|
<DynamicInfo :loading="loading" class="enter-y m-1 h-35 w-full" :data="data.RightMidUp" />
|
|
<Operation class="enter-y m-1 h-57 w-full" :loading="loading" :data="data.RightUp" />
|
|
</div>
|
|
</div>
|
|
<div class="enter-y h-98 md:flex">
|
|
<StaticImg class="m-1 w-full md:w-1/2" :loading="loading" :data="data.LeftDown" />
|
|
<ParameterInfo class="m-1 w-full md:w-1/2" :loading="loading" :data="data.RightDown" />
|
|
</div>
|
|
<!-- <div class="enter-y w-full !mr-4 lg:w-7/10">
|
|
<StaticImg :loading="loading" :data="data.LeftUp" class="enter-y" />
|
|
</div> -->
|
|
|
|
<!-- <div class="enter-y w-full !mr-4 lg:w-7/10">
|
|
<ProjectCard :loading="loading" class="enter-y" />
|
|
<DynamicInfo :loading="loading" class="enter-y !my-4" />
|
|
</div>
|
|
<div class="enter-y w-full lg:w-3/10">
|
|
<QuickNav :loading="loading" class="enter-y" />
|
|
|
|
<Card class="enter-y !my-4" :loading="loading">
|
|
<img class="mx-auto h-30 xl:h-50" src="@/assets/svg/illustration.svg">
|
|
</Card>
|
|
|
|
<SaleRadar :loading="loading" class="enter-y" />
|
|
</div> -->
|
|
</div>
|
|
</PageWrapper>
|
|
</template>
|
|
|