24 lines
643 B
Vue
24 lines
643 B
Vue
<template>
|
|
<!-- 自定义banner -->
|
|
<div v-if="layout?.banner" class="banner m-auto relative sm:flex hidden-sm-and-down flex justify-center">
|
|
<el-image :src="layout?.banner" class="min-h-sm sm:h-auto w-full"></el-image>
|
|
<div class="banner-bar absolute top-0 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-2"></div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type {Layout} from "~/api/layout/model";
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
layout?: Layout;
|
|
}>(),
|
|
{}
|
|
);
|
|
|
|
</script>
|