From 476cb64ee20fee267f2ba901397756655ba556f1 Mon Sep 17 00:00:00 2001
From: jacobxu666 <jacobxu666@gmail.com>
Date: Fri, 17 Jul 2026 11:08:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5=E3=80=81?=
 =?UTF-8?q?=E5=9C=BA=E9=A6=86=E3=80=81=E6=8A=98=E6=89=A3=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E5=B8=83=E5=B1=80=E5=8F=8A=E5=AE=BD=E5=B1=8F?=
 =?UTF-8?q?=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 首页：banner限制最大高度300px，页面支持滚动
- 场馆/折扣：卡片结构统一，地址和距离合并容器靠右对齐
- 卡片宽度自适应屏幕，间距统一margin 12px
- card-name填充容器，超长截断
---
 pages/discount/discount.vue | 36 +++++++++++++++++++++++++-----------
 pages/index/index.vue       |  8 +++++++-
 pages/venue/venue.vue       | 36 +++++++++++++++++++++++++-----------
 3 files changed, 57 insertions(+), 23 deletions(-)

diff --git a/pages/discount/discount.vue b/pages/discount/discount.vue
index 088693d..0c81f58 100644
--- a/pages/discount/discount.vue
+++ b/pages/discount/discount.vue
@@ -22,11 +22,13 @@
 				<view class="card-info">
 					<text class="card-name">{{ item.name }}</text>
 					<text class="card-category">{{ item.category }}</text>
-					<text class="card-address">{{ item.address }}</text>
-				</view>
-				<view class="card-distance" v-if="item.distance !== null">
-					<u-icon name="map" color="#999999" size="24"></u-icon>
-					<text class="distance-text">{{ item.distance < 1 ? Math.round(item.distance * 1000) + 'm' : Math.round(item.distance) + 'km' }}</text>
+					<view class="card-bottom">
+						<text class="card-address">{{ item.address }}</text>
+						<view class="card-distance" v-if="item.distance !== null">
+							<u-icon name="map" color="#999999" size="24"></u-icon>
+							<text class="distance-text">{{ item.distance < 1 ? Math.round(item.distance * 1000) + 'm' : Math.round(item.distance) + 'km' }}</text>
+						</view>
+					</view>
 				</view>
 			</view>
 			<view v-if="hasScrolled" class="nomore-area">
@@ -178,7 +180,6 @@ export default {
 }
 
 .list-area {
-	padding: 12px;
 }
 
 .venue-card {
@@ -187,11 +188,10 @@ export default {
 	background-color: #ffffff;
 	border: 1px solid #f2f2f7;
 	border-radius: 6px;
-	width: 702rpx;
-	padding: 24px 12px;
+	padding: 12px;
 	gap: 12px;
 	box-shadow: 0 2px 3px #f2f2f7;
-	margin-bottom: 12px;
+	margin: 12px;
 }
 
 .card-img {
@@ -206,12 +206,18 @@ export default {
 	display: flex;
 	flex-direction: column;
 	gap: 0;
+	width: 100%;
+	min-width: 0;
 }
 
 .card-name {
 	font-size: 16px;
 	font-weight: 500;
 	color: #000000;
+	width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 
 .card-category {
@@ -220,14 +226,22 @@ export default {
 	margin-top: 8px;
 }
 
+.card-bottom {
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	margin-top: 8px;
+	gap: 8px;
+}
+
 .card-address {
+	flex: 1;
 	font-size: 14px;
 	color: #727272;
-	margin-top: 8px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
-	max-width: 200px;
+	min-width: 0;
 }
 
 .card-distance {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 67de28b..6c5b779 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -102,11 +102,17 @@
 	.page {
 		height: 100vh;
 		background-color: #f5f5f5;
-		overflow: hidden;
+		overflow-y: auto;
 		display: flex;
 		flex-direction: column;
 	}
 
+	.banner {
+		width: 100%;
+		max-height: 300px;
+		overflow: hidden;
+	}
+
 	.banner-img {
 		width: 100%;
 		display: block;
diff --git a/pages/venue/venue.vue b/pages/venue/venue.vue
index 81d101f..5b55375 100644
--- a/pages/venue/venue.vue
+++ b/pages/venue/venue.vue
@@ -22,11 +22,13 @@
 				<view class="card-info">
 					<text class="card-name">{{ item.name }}</text>
 					<text class="card-category">{{ item.category }}</text>
-					<text class="card-address">{{ item.address }}</text>
-				</view>
-				<view class="card-distance" v-if="item.distance !== null">
-					<u-icon name="map" color="#999999" size="24"></u-icon>
-					<text class="distance-text">{{ item.distance < 1 ? Math.round(item.distance * 1000) + 'm' : Math.round(item.distance) + 'km' }}</text>
+					<view class="card-bottom">
+						<text class="card-address">{{ item.address }}</text>
+						<view class="card-distance" v-if="item.distance !== null">
+							<u-icon name="map" color="#999999" size="24"></u-icon>
+							<text class="distance-text">{{ item.distance < 1 ? Math.round(item.distance * 1000) + 'm' : Math.round(item.distance) + 'km' }}</text>
+						</view>
+					</view>
 				</view>
 			</view>
 			<view v-if="hasScrolled" class="nomore-area">
@@ -178,7 +180,6 @@ export default {
 }
 
 .list-area {
-	padding: 12px;
 }
 
 .venue-card {
@@ -187,11 +188,10 @@ export default {
 	background-color: #ffffff;
 	border: 1px solid #f2f2f7;
 	border-radius: 6px;
-	width: 702rpx;
-	padding: 24px 12px;
+	padding: 12px;
 	gap: 12px;
 	box-shadow: 0 2px 3px #f2f2f7;
-	margin-bottom: 12px;
+	margin: 12px;
 }
 
 .card-img {
@@ -206,12 +206,18 @@ export default {
 	display: flex;
 	flex-direction: column;
 	gap: 0;
+	width: 100%;
+	min-width: 0;
 }
 
 .card-name {
 	font-size: 16px;
 	font-weight: 500;
 	color: #000000;
+	width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 
 .card-category {
@@ -220,14 +226,22 @@ export default {
 	margin-top: 8px;
 }
 
+.card-bottom {
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	margin-top: 8px;
+	gap: 8px;
+}
+
 .card-address {
+	flex: 1;
 	font-size: 14px;
 	color: #727272;
-	margin-top: 8px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
-	max-width: 200px;
+	min-width: 0;
 }
 
 .card-distance {