From 5951b9d4f2f70950f56dcc3cd1a1e47c79fdc7d6 Mon Sep 17 00:00:00 2001
From: zhcnyuyang <yyydm@qq.com>
Date: Sun, 11 May 2025 13:54:51 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=A8=AA=E5=B9=85=E9=83=A8?=
 =?UTF-8?q?=E7=BD=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ExampleItem.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/ExampleItem.vue b/src/components/ExampleItem.vue
index 5ce58fe..dc87666 100644
--- a/src/components/ExampleItem.vue
+++ b/src/components/ExampleItem.vue
@@ -1,7 +1,9 @@
 <template>
 <div id="passageroot" class="pageroot">
   <div id="passagebanner" class="pagebanner">
-    <div id="bannercontentfill" class="pagebanner"
+    <img :src="`http://cms.yangprivate.site${psginfo.headimage.formats.large.url}`"
+         alt="" id="bannerimg"/>
+    <div id="bannercontentfill"
          style="width: 100%;height: 100%;
          background-color: rgba(0,0,0,0.5);">
       <div class="bannercontent">
@@ -111,10 +113,23 @@ export default {
 @import "src/publicstyle.scss";
 
 #bannercontentfill{
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+}
 
+#bannerimg{
+  z-index: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
+  display: block;
 }
 
 #passagebanner{
+  position: relative;
   @include media-breakpoint-between(xs, md) {
     background-image: url('/ExamplesRes/Examplesbanner_wep.png');
   }