<template>
  <div class="tasks main-background main-background-type0">
    <div class="nav-placeholder">
    </div>
    <section class="main-section">
      <div class="content">
        <a-button :icon="h(ArrowLeftOutlined)" class="mb-2" @click="handleBack">返回主页</a-button>
        <router-view />
      </div>
    </section>
  </div>
</template>

<script setup lang="ts">
import { h } from 'vue';
import { ArrowLeftOutlined } from '@ant-design/icons-vue';
import { useRouter } from 'vue-router';

const router = useRouter();

function handleBack() {
  router.back()
}
</script>

<style lang="scss">
.tasks .head-img {
  height: 260px;
  object-fit: cover;
}
</style>
