1

components/Banner.vue

@@ -0,0 +1,23 @@
+<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>