From af131f228adcffbc76938c74eeb4c878ac5b5ae0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=9D=B0?= <alecdux@gmail.com>
Date: Wed, 31 Dec 2025 11:20:41 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E6=94=B9=E7=90=83=E5=B1=80?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E5=9C=BA=E9=A6=86=E9=A2=84=E5=AE=9A?=
 =?UTF-8?q?=E6=88=AA=E5=9B=BE=E5=B1=95=E7=A4=BA=E9=97=AE=E9=A2=98=E3=80=81?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=88=AA=E5=9B=BE=E5=9C=B0=E5=9D=80=E5=8F=96?=
 =?UTF-8?q?=E5=80=BC=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail/components/VenueInfo/index.module.scss      |  5 ++++-
 src/game_pages/detail/components/VenueInfo/index.tsx   | 10 +++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/game_pages/detail/components/VenueInfo/index.module.scss b/src/game_pages/detail/components/VenueInfo/index.module.scss
index 292fa6d..f673238 100644
--- a/src/game_pages/detail/components/VenueInfo/index.module.scss
+++ b/src/game_pages/detail/components/VenueInfo/index.module.scss
@@ -81,9 +81,10 @@
   }
 
   .venue-screenshot-scroll-view {
-    max-height: calc(100vh - 260px);
+    max-height: calc(100dvh - 260px);
     overflow-y: auto;
     padding-bottom: 40px;
+    box-sizing: border-box;
 
     .venue-screenshot-image-list {
       width: 100%;
@@ -92,9 +93,11 @@
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 10px 10px;
+      overflow: hidden;
 
       .venue-screenshot-image-item {
         aspect-ratio: 1/1;
+        min-height: 100%;
         border-radius: 9px;
         border: 1px solid rgba(0, 0, 0, 0.12);
         box-sizing: border-box;
diff --git a/src/game_pages/detail/components/VenueInfo/index.tsx b/src/game_pages/detail/components/VenueInfo/index.tsx
index 9316002..cc0c5f2 100644
--- a/src/game_pages/detail/components/VenueInfo/index.tsx
+++ b/src/game_pages/detail/components/VenueInfo/index.tsx
@@ -26,8 +26,7 @@ export default function VenueInfo(props) {
   function previewImage(current_url) {
     Taro.previewImage({
       current: current_url,
-      urls:
-        venue_image_list?.length > 0 ? venue_image_list.map((c) => c.url) : [],
+      urls: venue_image_list || [],
     });
   }
   return (
@@ -83,16 +82,17 @@ export default function VenueInfo(props) {
         <ScrollView scrollY className={styles["venue-screenshot-scroll-view"]}>
           <View className={styles["venue-screenshot-image-list"]}>
             {venue_image_list?.length > 0 &&
-              venue_image_list.map((item) => {
+              venue_image_list.map((url, index) => {
                 return (
                   <View
                     className={styles["venue-screenshot-image-item"]}
-                    onClick={previewImage.bind(null, item.url)}
+                    onClick={previewImage.bind(null, url)}
+                    key={index}
                   >
                     <Image
                       className={styles["venue-screenshot-image-item-image"]}
                       mode="aspectFill"
-                      src={item.url}
+                      src={url}
                     />
                   </View>
                 );