From 1521129d87b1d4ba4e278d520153b3e578d9c5d7 Mon Sep 17 00:00:00 2001
From: jacobxu666 <jacobxu666@gmail.com>
Date: Mon, 31 Aug 2026 16:58:16 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=9D=83=E7=9B=8A=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E9=A1=B5=E5=9C=B0=E5=9D=80=E8=B7=9D=E7=A6=BB=E5=B9=B6=E5=85=A5?=
 =?UTF-8?q?=E6=99=AF=E5=8C=BA=E4=BF=A1=E6=81=AF=E5=8D=A1=E7=89=87=EF=BC=8C?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=AF=B9=E9=BD=90=E9=97=A8=E5=BA=97=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 pages/rights/detail.vue | 55 ++++++++++++++++++++++++-----------------
 1 file changed, 33 insertions(+), 22 deletions(-)

diff --git a/pages/rights/detail.vue b/pages/rights/detail.vue
index 9344cb8..1899ce1 100644
--- a/pages/rights/detail.vue
+++ b/pages/rights/detail.vue
@@ -1,22 +1,23 @@
 <template>
 	<view class="page">
 		<view v-if="detail">
-			<!-- 门店信息卡片 -->
+			<!-- 门店信息卡片（信息+地址合并容器） -->
 			<view class="store-card">
-				<image class="store-img" :src="detail.shopImage" mode="aspectFill" />
-				<view class="store-info">
-					<text class="store-name">{{ detail.shopName }}</text>
-					<text class="store-category">{{ detail.category }}</text>
-					<text class="store-hours">营业时间：{{ detail.businessTime }}</text>
+				<view class="store-main">
+					<image class="store-img" :src="detail.shopImage" mode="aspectFill" />
+					<view class="store-info">
+						<text class="store-name">{{ detail.shopName }}</text>
+						<text class="store-category">{{ detail.category }}</text>
+						<text class="store-hours">营业时间：{{ detail.businessTime }}</text>
+					</view>
 				</view>
-			</view>
-
-			<!-- 地址行 -->
-			<view class="address-row">
-				<text class="address-text">{{ detail.address }}</text>
-				<view class="distance-row" v-if="detail.distance !== null">
-					<u-icon name="map" color="#999999" size="24"></u-icon>
-					<text class="distance-text">{{ detail.distance < 1 ? Math.round(detail.distance * 1000) + 'm' : Math.round(detail.distance) + 'km' }}</text>
+				<view class="divider"></view>
+				<view class="address-row">
+					<text class="address-text">{{ detail.address }}</text>
+					<view class="distance-row" v-if="detail.distance !== null">
+						<u-icon name="map" color="#999999" size="24"></u-icon>
+						<text class="distance-text">{{ detail.distance < 1 ? Math.round(detail.distance * 1000) + 'm' : Math.round(detail.distance) + 'km' }}</text>
+					</view>
 				</view>
 			</view>
 
@@ -180,12 +181,17 @@ export default {
 	}
 </style>
 <style scoped lang="less">
-/* 门店卡片 */
+/* 门店卡片（信息+地址合并容器，样式与门店详情页一致） */
 .store-card {
-	display: flex;
 	background-color: #ffffff;
-	margin:0rpx 12px 12px 12px;
+	margin: 0 12px 12px 12px;
 	border-radius: 8px;
+	overflow: hidden;
+}
+
+.store-main {
+	display: flex;
+	align-items: flex-start;
 	padding: 12px;
 	gap: 12px;
 }
@@ -201,8 +207,8 @@ export default {
 	flex: 1;
 	display: flex;
 	flex-direction: column;
-	justify-content: center;
-	gap: 6px;
+	justify-content: flex-start;
+	gap: 8px;
 }
 
 .store-name {
@@ -221,13 +227,18 @@ export default {
 	color: #666666;
 }
 
-/* 地址行 */
+.divider {
+	height: 1px;
+	background-color: #f2f2f7;
+	margin: 0 12px;
+}
+
+/* 地址行（卡片内） */
 .address-row {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
-	background-color: #ffffff;
-	padding: 12px 16px;
+	padding: 12px;
 }
 
 .address-text {