From 5989af5b493fdf785088f528c3f346244d92414a Mon Sep 17 00:00:00 2001
From: zhcnyuyang <yyydm@qq.com>
Date: Sun, 11 May 2025 00:20:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=98=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/components/ExampleItem.vue b/src/components/ExampleItem.vue
index c399b34..aa416f5 100644
--- a/src/components/ExampleItem.vue
+++ b/src/components/ExampleItem.vue
@@ -1,5 +1,13 @@
 <template>
+<div id="passageroot" class="pageroot">
+  <div class="pagebanner" id="passagebanner">
+    <div id="bannercontent"
+         style="width: 100%;height: 100%;
+         background-color: rgba(0,0,0,0.5);">
 
+    </div>
+  </div>
+</div>
 </template>
 
 <script>
@@ -11,4 +19,13 @@ export default {
 <style scoped lang="scss">
 @import "src/publicstyle.scss";
 
+#passageroot{
+  @include media-breakpoint-between(xs, md) {
+    background-image: url('/ExamplesRes/Examplesbanner_wep.png');
+  }
+
+  @include media-breakpoint-up(md) {
+    background-image: url('/ExamplesRes/Examplesbanner.png');
+  }
+}
 </style>