<template>
  <!-- 自定义banner -->
  <div v-if="layout?.banner" class="banner m-auto relative sm:flex hidden-sm-and-down flex justify-center mt-[220px]">
    <el-image :src="layout?.banner" class="w-screen-xl"></el-image>
    <div class="banner-bar absolute top-10 w-full sm:flex hidden">
      <div class="banner-text py-12 md:w-screen-xl m-auto opacity-90 flex flex-col justify-center">
      </div>
    </div>
  </div>
  <div v-else class="mt-12 sm:mt-20"></div>
</template>

<script setup lang="ts">
import type {Layout} from "~/api/layout/model";

withDefaults(
    defineProps<{
      layout?: Layout;
    }>(),
    {}
);

</script>
