sakura/src/views/Home.vue

36 lines
779 B
Vue

<template>
<Base :headerPlaceholder="false">
<div class="main__content">
<div class="cover__wrapper">
<Cover></Cover>
</div>
<div class="content__wrapper">
<PostThumbList namespace="homepage"></PostThumbList>
</div>
</div>
</Base>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import Base from '@/layouts/Base.vue'
import PostThumbList from '@/components/lists/postThumbList/PostThumbList.vue'
import Cover from '@/layouts/components/cover/Cover.vue'
export default defineComponent({
components: { Base, PostThumbList, Cover },
})
</script>
<style lang="scss" scoped>
.main__content {
.cover__wrapper {
width: 100%;
height: 100vh;
}
.content__wrapper {
width: 100%;
}
}
</style>