36 lines
878 B
Vue
36 lines
878 B
Vue
<script lang="ts" setup>
|
|
import AppMain from '@/layout/components/AppMain/index.vue';
|
|
import Footer from '@/layout/components/Footer/index.vue';
|
|
import NavBar from '@/layout/components/NavBar/index.vue';
|
|
</script>
|
|
|
|
<template>
|
|
<div class="layout w-full h-full">
|
|
<div class="arrow left-[38px]">
|
|
<img alt="左箭头" class="w-[65px]" src="@/assets/images/layout/arrow/arrow-left.png" />
|
|
</div>
|
|
<NavBar />
|
|
<AppMain />
|
|
<Footer />
|
|
<div class="arrow right-[38px]">
|
|
<img alt="左箭头" class="w-[65px]" src="@/assets/images/layout/arrow/arrow-right.png" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.layout {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: url('@/assets/images/bg/bg.png') no-repeat center;
|
|
background-size: cover;
|
|
}
|
|
|
|
.arrow {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
</style>
|