From 2d979e821e68945a3fbe499a5426e6458599ba22 Mon Sep 17 00:00:00 2001
From: 18631081161 <2088094923@qq.com>
Date: Tue, 17 Mar 2026 15:42:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=8F=E5=90=83=E8=A1=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/src/views/ShopDishes.vue          |   7 +-
 admin/src/views/Shops.vue               |  38 +-
 miniapp/pages/delivery/delivery.vue     |   3 +-
 miniapp/pages/food/food-order.vue       |   6 +-
 miniapp/pages/food/food.vue             |  97 +--
 miniapp/pages/food/shop-detail.vue      | 866 +++++++++++++-----------
 miniapp/pages/help/help.vue             | 531 ++++++++-------
 miniapp/pages/order-hall/order-hall.vue | 125 +++-
 miniapp/pages/pickup/pickup.vue         |   3 +-
 miniapp/pages/purchase/purchase.vue     | 442 ++++++++----
 miniapp/static/ic_address.png           | Bin 0 -> 655 bytes
 miniapp/static/ic_courier.png           | Bin 0 -> 7399 bytes
 miniapp/static/ic_delicacy.png          | Bin 0 -> 765 bytes
 13 files changed, 1241 insertions(+), 877 deletions(-)
 create mode 100644 miniapp/static/ic_address.png
 create mode 100644 miniapp/static/ic_courier.png
 create mode 100644 miniapp/static/ic_delicacy.png

diff --git a/admin/src/views/ShopDishes.vue b/admin/src/views/ShopDishes.vue
index aa9d01d..c61ec41 100644
--- a/admin/src/views/ShopDishes.vue
+++ b/admin/src/views/ShopDishes.vue
@@ -36,11 +36,12 @@
           <el-input v-model="form.name" />
         </el-form-item>
         <el-form-item label="菜品照片" prop="photo">
-          <el-input v-model="form.photo" placeholder="照片地址" />
           <el-upload action="/api/upload/image" :headers="uploadHeaders" :show-file-list="false"
-            :on-success="(res) => form.photo = res.url" accept="image/*" style="margin-top: 8px;">
-            <el-button size="small">上传照片</el-button>
+            :on-success="(res) => form.photo = res.url" accept="image/*">
+            <el-image v-if="form.photo" :src="form.photo" style="width: 120px; height: 120px; cursor: pointer; border-radius: 8px;" fit="cover" />
+            <el-button v-else size="small">上传照片</el-button>
           </el-upload>
+          <el-button v-if="form.photo" size="small" text type="danger" style="margin-top: 4px;" @click="form.photo = ''">移除</el-button>
         </el-form-item>
         <el-form-item label="价格" prop="price">
           <el-input-number v-model="form.price" :min="0" :precision="2" :step="1" />
diff --git a/admin/src/views/Shops.vue b/admin/src/views/Shops.vue
index 3c2db74..6f97942 100644
--- a/admin/src/views/Shops.vue
+++ b/admin/src/views/Shops.vue
@@ -5,32 +5,33 @@
       <el-button type="primary" @click="openDialog()">新增门店</el-button>
     </div>
 
-    <el-table :data="list" v-loading="loading" border>
-      <el-table-column label="照片" width="100">
+    <el-table :data="list" v-loading="loading" border stripe>
+      <el-table-column label="照片" width="120" align="center">
         <template #default="{ row }">
-          <el-image :src="row.photo" style="width: 60px; height: 60px;" fit="cover" />
+          <el-image :src="row.photo" style="width: 80px; height: 80px; border-radius: 8px;" fit="cover" :preview-src-list="[row.photo]" preview-teleported />
         </template>
       </el-table-column>
-      <el-table-column prop="name" label="门店名称" width="140" />
-      <el-table-column prop="location" label="位置" show-overflow-tooltip />
-      <el-table-column prop="packingFeeType" label="打包费类型" width="120">
+      <el-table-column prop="name" label="门店名称" min-width="120" />
+      <el-table-column prop="location" label="位置" min-width="140" show-overflow-tooltip />
+      <el-table-column label="打包费" width="140" align="center">
         <template #default="{ row }">
-          {{ row.packingFeeType === 'Fixed' ? '总打包费' : '单份打包费' }}
+          <span>{{ row.packingFeeType === 'Fixed' ? '总打包费' : '单份' }} ¥{{ row.packingFeeAmount }}</span>
         </template>
       </el-table-column>
-      <el-table-column prop="packingFeeAmount" label="打包费金额" width="110" />
-      <el-table-column prop="dishCount" label="菜品数" width="80" />
-      <el-table-column label="状态" width="80">
+      <el-table-column prop="dishCount" label="菜品数" width="80" align="center" />
+      <el-table-column label="状态" width="80" align="center">
         <template #default="{ row }">
           <el-tag :type="row.isEnabled ? 'success' : 'info'" size="small">{{ row.isEnabled ? '启用' : '禁用' }}</el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="操作" width="260" fixed="right">
+      <el-table-column label="操作" width="300" fixed="right" align="center">
         <template #default="{ row }">
-          <el-button size="small" @click="openDialog(row)">编辑</el-button>
-          <el-button size="small" @click="manageBanners(row)">Banner</el-button>
-          <el-button size="small" type="primary" @click="$router.push(`/shops/${row.id}/dishes`)">菜品</el-button>
-          <el-button size="small" type="danger" @click="handleDelete(row)">删除</el-button>
+          <div style="display: flex; gap: 4px; justify-content: center; flex-wrap: nowrap;">
+            <el-button size="small" @click="openDialog(row)">编辑</el-button>
+            <el-button size="small" @click="manageBanners(row)">Banner</el-button>
+            <el-button size="small" type="primary" @click="$router.push(`/shops/${row.id}/dishes`)">菜品</el-button>
+            <el-button size="small" type="danger" @click="handleDelete(row)">删除</el-button>
+          </div>
         </template>
       </el-table-column>
     </el-table>
@@ -42,11 +43,12 @@
           <el-input v-model="form.name" />
         </el-form-item>
         <el-form-item label="门店照片" prop="photo">
-          <el-input v-model="form.photo" placeholder="照片地址" />
           <el-upload action="/api/upload/image" :headers="uploadHeaders" :show-file-list="false"
-            :on-success="(res) => form.photo = res.url" accept="image/*" style="margin-top: 8px;">
-            <el-button size="small">上传照片</el-button>
+            :on-success="(res) => form.photo = res.url" accept="image/*">
+            <el-image v-if="form.photo" :src="form.photo" style="width: 120px; height: 120px; cursor: pointer; border-radius: 8px;" fit="cover" />
+            <el-button v-else size="small">上传照片</el-button>
           </el-upload>
+          <el-button v-if="form.photo" size="small" text type="danger" style="margin-top: 4px;" @click="form.photo = ''">移除</el-button>
         </el-form-item>
         <el-form-item label="门店位置" prop="location">
           <el-input v-model="form.location" />
diff --git a/miniapp/pages/delivery/delivery.vue b/miniapp/pages/delivery/delivery.vue
index 9e8cb54..a1d8ef2 100644
--- a/miniapp/pages/delivery/delivery.vue
+++ b/miniapp/pages/delivery/delivery.vue
@@ -224,12 +224,11 @@ export default {
 
 /* 顶部大图 */
 .top-banner {
-	padding: 20rpx 24rpx 0;
+	width: 100%;
 }
 .banner-img {
 	width: 100%;
 	height: 330rpx;
-	border-radius: 20rpx;
 }
 
 /* 表单区域 */
diff --git a/miniapp/pages/food/food-order.vue b/miniapp/pages/food/food-order.vue
index bbeb786..50134fe 100644
--- a/miniapp/pages/food/food-order.vue
+++ b/miniapp/pages/food/food-order.vue
@@ -367,7 +367,7 @@ export default {
 	padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
 	display: flex;
 	align-items: center;
-	justify-content: space-between;
+	justify-content: flex-end;
 	box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
 }
 
@@ -375,17 +375,19 @@ export default {
 	font-size: 32rpx;
 	color: #e64340;
 	font-weight: bold;
+	flex: 1;
 }
 
 .submit-btn {
 	width: 240rpx;
 	height: 80rpx;
 	line-height: 80rpx;
-	background-color: #007AFF;
+	background-color: #FAD146;
 	color: #ffffff;
 	font-size: 30rpx;
 	border-radius: 40rpx;
 	border: none;
+	margin-right: 10rpx;
 }
 
 .submit-btn[disabled] {
diff --git a/miniapp/pages/food/food.vue b/miniapp/pages/food/food.vue
index 151efd2..0512a0c 100644
--- a/miniapp/pages/food/food.vue
+++ b/miniapp/pages/food/food.vue
@@ -19,17 +19,18 @@
 
 		<!-- 门店列表 -->
 		<view class="shop-list">
-			<view
-				class="shop-card"
-				v-for="shop in shops"
-				:key="shop.id"
-				@click="goShopDetail(shop.id)"
-			>
+			<view class="shop-card" v-for="shop in shops" :key="shop.id" @click="goShopDetail(shop.id)">
 				<image class="shop-photo" :src="shop.photo" mode="aspectFill"></image>
 				<view class="shop-info">
 					<text class="shop-name">{{ shop.name }}</text>
-					<text class="shop-location">{{ shop.location }}</text>
-					<text class="shop-dish-count">{{ shop.dishCount || 0 }} 种美食</text>
+					<view class="info-row">
+						<image class="info-icon" src="/static/ic_address.png" mode="aspectFit"></image>
+						<text class="info-text">{{ shop.location || '暂无位置信息' }}</text>
+					</view>
+					<view class="info-row">
+						<image class="info-icon" src="/static/ic_delicacy.png" mode="aspectFit"></image>
+						<text class="info-text">{{ shop.dishCount || 0 }}种美食</text>
+					</view>
 				</view>
 			</view>
 		</view>
@@ -67,20 +68,13 @@ export default {
 				if (res?.value) this.bannerUrl = res.value
 			} catch (e) {}
 		},
-		/** 加载门店列表 */
 		async loadShops() {
 			this.loading = true
 			try {
 				const res = await getShops()
 				this.shops = res || []
-			} catch (e) {
-				// 错误已在 request 中处理
-			} finally {
-				this.loading = false
-			}
+			} catch (e) {} finally { this.loading = false }
 		},
-
-		/** 跳转门店详情 */
 		goShopDetail(id) {
 			uni.navigateTo({ url: `/pages/food/shop-detail?id=${id}` })
 		}
@@ -89,6 +83,11 @@ export default {
 </script>
 
 <style scoped>
+.food-page {
+	background-color: #f5f5f5;
+	min-height: 100vh;
+}
+
 /* 自定义导航栏 */
 .custom-navbar {
 	position: fixed;
@@ -127,61 +126,83 @@ export default {
 
 /* 顶部大图 */
 .top-banner {
-	padding: 0 24rpx 0;
-	margin-bottom: 20rpx;
+	width: 100%;
 }
 .banner-img {
 	width: 100%;
-	height: 280rpx;
-	border-radius: 20rpx;
+	height: 360rpx;
 }
 
-.food-page {
-	padding: 24rpx;
-	background-color: #f5f5f5;
-	min-height: 100vh;
+/* 门店列表 */
+.shop-list {
+	padding: 0 24rpx;
 }
 
 .shop-card {
 	display: flex;
+	align-items: center;
 	background-color: #ffffff;
-	border-radius: 16rpx;
-	margin-bottom: 20rpx;
-	overflow: hidden;
+	padding: 24rpx;
+	border-bottom: 1rpx solid #f0f0f0;
+}
+
+.shop-card:first-child {
+	border-radius: 20rpx 20rpx 0 0;
+	margin-top: 20rpx;
+}
+
+.shop-card:last-child {
+	border-radius: 0 0 20rpx 20rpx;
+	border-bottom: none;
+}
+
+.shop-card:first-child:last-child {
+	border-radius: 20rpx;
 }
 
 .shop-photo {
-	width: 200rpx;
-	height: 200rpx;
+	width: 160rpx;
+	height: 160rpx;
+	border-radius: 16rpx;
 	flex-shrink: 0;
 }
 
 .shop-info {
 	flex: 1;
-	padding: 20rpx 24rpx;
+	padding-left: 24rpx;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 }
 
 .shop-name {
-	font-size: 30rpx;
+	font-size: 32rpx;
 	font-weight: bold;
 	color: #333333;
-	margin-bottom: 12rpx;
+	margin-bottom: 16rpx;
 }
 
-.shop-location {
-	font-size: 24rpx;
-	color: #999999;
+.info-row {
+	display: flex;
+	align-items: flex-start;
 	margin-bottom: 8rpx;
 }
 
-.shop-dish-count {
-	font-size: 24rpx;
-	color: #007AFF;
+.info-icon {
+	width: 28rpx;
+	height: 28rpx;
+	margin-right: 8rpx;
+	margin-top: 4rpx;
+	flex-shrink: 0;
 }
 
+.info-text {
+	font-size: 26rpx;
+	color: #999999;
+	line-height: 1.4;
+}
+
+/* 空状态 */
 .empty-state {
 	display: flex;
 	justify-content: center;
diff --git a/miniapp/pages/food/shop-detail.vue b/miniapp/pages/food/shop-detail.vue
index 71e2993..b7d540b 100644
--- a/miniapp/pages/food/shop-detail.vue
+++ b/miniapp/pages/food/shop-detail.vue
@@ -11,64 +11,63 @@
 			</view>
 		</view>
 		<view :style="{ height: (statusBarHeight + 44) + 'px' }"></view>
+
 		<!-- 门店 Banner -->
-		<swiper
-			v-if="shop.banners && shop.banners.length > 0"
-			class="shop-banner"
-			indicator-dots
-			autoplay
-			circular
-			indicator-color="rgba(255,255,255,0.5)"
-			indicator-active-color="#ffffff"
-		>
+		<swiper v-if="shop.banners && shop.banners.length > 0" class="shop-banner" indicator-dots autoplay circular
+			indicator-color="rgba(255,255,255,0.5)" indicator-active-color="#ffffff">
 			<swiper-item v-for="(banner, index) in shop.banners" :key="index">
 				<image class="banner-image" :src="banner.imageUrl" mode="aspectFill"></image>
 			</swiper-item>
 		</swiper>
 
-		<!-- 门店注意事项 -->
+		<!-- 门店信息卡片 -->
+		<view class="shop-info-card">
+			<image class="shop-avatar" :src="shop.photo || '/static/ic_default.png'" mode="aspectFill"></image>
+			<view class="shop-info-text">
+				<text class="shop-name">{{ shop.name }}</text>
+				<view class="shop-location-row">
+					<image class="location-icon" src="/static/ic_address.png" mode="aspectFit"></image>
+					<text class="shop-location">{{ shop.location || '暂无位置信息' }}</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 注意事项 -->
 		<view v-if="shop.notice" class="notice-section">
-			<text class="notice-label">注意事项</text>
 			<text class="notice-text">{{ shop.notice }}</text>
 		</view>
 
 		<!-- 菜品列表 -->
-		<view class="dish-section">
-			<text class="section-title">美食列表</text>
-			<view class="dish-list">
-				<view class="dish-item" v-for="dish in dishes" :key="dish.id">
-					<image class="dish-photo" :src="dish.photo" mode="aspectFill"></image>
-					<view class="dish-info">
-						<text class="dish-name">{{ dish.name }}</text>
-						<text class="dish-price">¥{{ dish.price.toFixed(2) }}</text>
-					</view>
-					<!-- 加减按钮（购物车功能在 18.3 中实现） -->
-					<view class="dish-actions">
-						<view
-							class="action-btn minus-btn"
-							v-if="getQuantity(dish.id) > 0"
-							@click="onMinus(dish)"
-						>
-							<text class="action-text">-</text>
-						</view>
-						<text class="dish-quantity" v-if="getQuantity(dish.id) > 0">
-							{{ getQuantity(dish.id) }}
-						</text>
-						<view class="action-btn plus-btn" @click="onPlus(dish)">
-							<text class="action-text">+</text>
+		<view class="dish-list">
+			<view class="dish-item" v-for="dish in dishes" :key="dish.id">
+				<image class="dish-photo" :src="dish.photo" mode="aspectFill"></image>
+				<view class="dish-info">
+					<text class="dish-name">{{ dish.name }}</text>
+					<view class="dish-bottom">
+						<text class="dish-price">¥{{ dish.price.toFixed(1) }}</text>
+						<view class="dish-actions">
+							<view class="action-btn minus-btn" v-if="getQuantity(dish.id) > 0" @click="onMinus(dish)">
+								<text class="action-text">-</text>
+							</view>
+							<text class="dish-quantity"
+								v-if="getQuantity(dish.id) > 0">{{ getQuantity(dish.id) }}</text>
+							<view class="action-btn plus-btn" @click="onPlus(dish)">
+								<text class="action-text">+</text>
+							</view>
 						</view>
 					</view>
 				</view>
 			</view>
 		</view>
 
-		<!-- 底部购物车栏（购物车功能在 18.3 中完善） -->
-		<view class="cart-bar" v-if="cartTotalCount > 0">
-			<view class="cart-info" @click="showCartPopup = true">
-				<text class="cart-count">{{ cartTotalCount }} 件</text>
-				<text class="cart-price">¥{{ cartTotalPrice }}</text>
+		<!-- 底部购物车栏 -->
+		<view class="cart-bar">
+			<view class="cart-left" @click="cartTotalCount > 0 && (showCartPopup = true)">
+				<image class="cart-icon" src="/static/ic_courier.png" mode="aspectFit"></image>
+				<text class="cart-price">¥ {{ cartTotalCount > 0 ? cartTotalPrice : '0' }}</text>
 			</view>
-			<button class="cart-checkout-btn" @click="goCheckout">去结算</button>
+			<button class="cart-checkout-btn" :class="{ disabled: cartTotalCount === 0 }"
+				@click="goCheckout">去结算</button>
 		</view>
 
 		<!-- 购物车弹窗 -->
@@ -82,9 +81,8 @@
 					<view class="cart-popup-item" v-for="item in cartItems" :key="item.dish.id">
 						<image class="cart-item-photo" :src="item.dish.photo" mode="aspectFill"></image>
 						<view class="cart-item-info">
-							<text class="cart-item-shop">{{ shop.name }}</text>
 							<text class="cart-item-name">{{ item.dish.name }}</text>
-							<text class="cart-item-price">¥{{ item.dish.price.toFixed(2) }}</text>
+							<text class="cart-item-price">¥{{ item.dish.price.toFixed(1) }}</text>
 						</view>
 						<view class="dish-actions">
 							<view class="action-btn minus-btn" @click="onMinus(item.dish)">
@@ -97,7 +95,6 @@
 						</view>
 					</view>
 				</scroll-view>
-				<!-- 额外费用和总价 -->
 				<view class="cart-popup-footer">
 					<view class="cart-fee-row" v-if="packingFee > 0">
 						<text class="cart-fee-label">打包费</text>
@@ -114,421 +111,472 @@
 </template>
 
 <script>
-import { getShopDetail } from '../../utils/api'
-import { useCartStore } from '../../stores/cart'
+	import {
+		getShopDetail
+	} from '../../utils/api'
+	import {
+		useCartStore
+	} from '../../stores/cart'
 
-export default {
-	data() {
-		return {
-			shop: {},
-			dishes: [],
-			showCartPopup: false,
-			statusBarHeight: 0
-		}
-	},
-	computed: {
-		/** 获取购物车 store */
-		cartStore() {
-			return useCartStore()
-		},
-		/** 购物车中的商品列表 */
-		cartItems() {
-			return this.cartStore.items
-		},
-		/** 购物车总数量 */
-		cartTotalCount() {
-			return this.cartStore.totalCount
-		},
-		/** 购物车商品总价（不含打包费） */
-		cartTotalPrice() {
-			return this.cartStore.totalPrice.toFixed(2)
-		},
-		/** 打包费计算 */
-		packingFee() {
-			if (!this.shop.packingFeeType) return 0
-			if (this.shop.packingFeeType === 'Fixed') {
-				return this.cartTotalCount > 0 ? (this.shop.packingFeeAmount || 0) : 0
+	export default {
+		data() {
+			return {
+				shop: {},
+				dishes: [],
+				showCartPopup: false,
+				statusBarHeight: 0
 			}
-			// PerItem 模式：份数 × 单价
-			return this.cartTotalCount * (this.shop.packingFeeAmount || 0)
 		},
-		/** 含打包费的总价 */
-		cartTotalPriceWithFee() {
-			return (parseFloat(this.cartTotalPrice) + this.packingFee).toFixed(2)
-		}
-	},
-	onLoad(options) {
-		const sysInfo = uni.getSystemInfoSync()
-		this.statusBarHeight = sysInfo.statusBarHeight || 0
-		if (options.id) {
-			this.loadShopDetail(options.id)
-		}
-	},
-	methods: {
-		goBack() { uni.navigateBack() },
-		/** 加载门店详情 */
-		async loadShopDetail(id) {
-			try {
-				const res = await getShopDetail(id)
-				this.shop = res || {}
-				this.dishes = res.dishes || []
-				// 保存门店信息到购物车 store
-				this.cartStore.setShopInfo({
-					id: this.shop.id,
-					name: this.shop.name,
-					packingFeeType: this.shop.packingFeeType,
-					packingFeeAmount: this.shop.packingFeeAmount
+		computed: {
+			cartStore() {
+				return useCartStore()
+			},
+			cartItems() {
+				return this.cartStore.items
+			},
+			cartTotalCount() {
+				return this.cartStore.totalCount
+			},
+			cartTotalPrice() {
+				return this.cartStore.totalPrice.toFixed(2)
+			},
+			packingFee() {
+				if (!this.shop.packingFeeType) return 0
+				if (this.shop.packingFeeType === 'Fixed')
+					return this.cartTotalCount > 0 ? (this.shop.packingFeeAmount || 0) : 0
+				return this.cartTotalCount * (this.shop.packingFeeAmount || 0)
+			},
+			cartTotalPriceWithFee() {
+				return (parseFloat(this.cartTotalPrice) + this.packingFee).toFixed(2)
+			}
+		},
+		onLoad(options) {
+			const sysInfo = uni.getSystemInfoSync()
+			this.statusBarHeight = sysInfo.statusBarHeight || 0
+			if (options.id) this.loadShopDetail(options.id)
+		},
+		methods: {
+			goBack() {
+				uni.navigateBack()
+			},
+			async loadShopDetail(id) {
+				try {
+					const res = await getShopDetail(id)
+					this.shop = res || {}
+					this.dishes = res.dishes || []
+					this.cartStore.setShopInfo({
+						id: this.shop.id,
+						name: this.shop.name,
+						packingFeeType: this.shop.packingFeeType,
+						packingFeeAmount: this.shop.packingFeeAmount
+					})
+				} catch (e) {}
+			},
+			getQuantity(dishId) {
+				return this.cartStore.getQuantity(dishId)
+			},
+			onPlus(dish) {
+				this.cartStore.addItem(dish)
+			},
+			onMinus(dish) {
+				this.cartStore.removeItem(dish.id)
+			},
+			clearCart() {
+				this.cartStore.clearCart();
+				this.showCartPopup = false
+			},
+			goCheckout() {
+				if (this.cartTotalCount === 0) return
+				uni.navigateTo({
+					url: '/pages/food/food-order'
 				})
-			} catch (e) {
-				// 错误已在 request 中处理
 			}
-		},
-
-		/** 获取菜品在购物车中的数量 */
-		getQuantity(dishId) {
-			return this.cartStore.getQuantity(dishId)
-		},
-
-		/** 添加菜品 */
-		onPlus(dish) {
-			this.cartStore.addItem(dish)
-		},
-
-		/** 减少菜品 */
-		onMinus(dish) {
-			this.cartStore.removeItem(dish.id)
-		},
-
-		/** 清空购物车 */
-		clearCart() {
-			this.cartStore.clearCart()
-			this.showCartPopup = false
-		},
-
-		/** 去结算 */
-		goCheckout() {
-			if (this.cartTotalCount === 0) return
-			uni.navigateTo({ url: '/pages/food/food-order' })
 		}
 	}
-}
 </script>
 
 <style scoped>
-/* 自定义导航栏 */
-.custom-navbar {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	z-index: 999;
-	background: #FFB700;
-}
-.navbar-content {
-	height: 44px;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 0 20rpx;
-}
-.nav-back {
-	width: 60rpx;
-	height: 60rpx;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-.back-icon {
-	width: 40rpx;
-	height: 40rpx;
-}
-.navbar-title {
-	font-size: 34rpx;
-	font-weight: bold;
-	color: #363636;
-}
-.nav-placeholder {
-	width: 60rpx;
-}
-.shop-detail-page {
-	padding-bottom: 140rpx;
-	background-color: #f5f5f5;
-	min-height: 100vh;
-}
+	.shop-detail-page {
+		padding-bottom: 140rpx;
+		background-color: #f5f5f5;
+		min-height: 100vh;
+	}
 
-.shop-banner {
-	width: 100%;
-	height: 360rpx;
-}
+	/* 自定义导航栏 */
+	.custom-navbar {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		z-index: 999;
+		background: #FFB700;
+	}
 
-.banner-image {
-	width: 100%;
-	height: 360rpx;
-}
+	.navbar-content {
+		height: 44px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0 20rpx;
+	}
 
-.notice-section {
-	margin: 20rpx 24rpx;
-	background-color: #fff8e6;
-	border-radius: 12rpx;
-	padding: 20rpx 24rpx;
-}
+	.nav-back {
+		width: 60rpx;
+		height: 60rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
 
-.notice-label {
-	font-size: 26rpx;
-	color: #e6a23c;
-	font-weight: bold;
-	margin-bottom: 8rpx;
-	display: block;
-}
+	.back-icon {
+		width: 40rpx;
+		height: 40rpx;
+	}
 
-.notice-text {
-	font-size: 24rpx;
-	color: #666666;
-}
+	.navbar-title {
+		font-size: 34rpx;
+		font-weight: bold;
+		color: #363636;
+	}
 
-.dish-section {
-	margin: 0 24rpx;
-}
+	.nav-placeholder {
+		width: 60rpx;
+	}
 
-.section-title {
-	font-size: 30rpx;
-	font-weight: bold;
-	color: #333333;
-	margin-bottom: 20rpx;
-	display: block;
-}
+	/* Banner */
+	.shop-banner {
+		width: 100%;
+		height: 360rpx;
+	}
 
-.dish-item {
-	display: flex;
-	align-items: center;
-	background-color: #ffffff;
-	border-radius: 12rpx;
-	margin-bottom: 16rpx;
-	padding: 16rpx;
-}
+	.banner-image {
+		width: 100%;
+		height: 360rpx;
+	}
 
-.dish-photo {
-	width: 120rpx;
-	height: 120rpx;
-	border-radius: 8rpx;
-	flex-shrink: 0;
-}
+	/* 门店信息卡片 */
+	.shop-info-card {
+		display: flex;
+		align-items: center;
+		padding: 24rpx;
+		background: #fff;
+	}
 
-.dish-info {
-	flex: 1;
-	padding: 0 20rpx;
-	display: flex;
-	flex-direction: column;
-}
+	.shop-avatar {
+		width: 100rpx;
+		height: 100rpx;
+		border-radius: 16rpx;
+		flex-shrink: 0;
+	}
 
-.dish-name {
-	font-size: 28rpx;
-	color: #333333;
-	margin-bottom: 8rpx;
-}
+	.shop-info-text {
+		flex: 1;
+		padding-left: 20rpx;
+	}
 
-.dish-price {
-	font-size: 28rpx;
-	color: #e64340;
-	font-weight: bold;
-}
+	.shop-name {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #333;
+		margin-bottom: 12rpx;
+		display: block;
+	}
 
-.dish-actions {
-	display: flex;
-	align-items: center;
-	flex-shrink: 0;
-}
+	.shop-location-row {
+		display: flex;
+		align-items: flex-start;
+	}
 
-.action-btn {
-	width: 48rpx;
-	height: 48rpx;
-	border-radius: 50%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
+	.location-icon {
+		width: 26rpx;
+		height: 26rpx;
+		margin-right: 6rpx;
+		margin-top: 4rpx;
+		flex-shrink: 0;
+	}
 
-.minus-btn {
-	background-color: #f0f0f0;
-}
+	.shop-location {
+		font-size: 26rpx;
+		color: #999;
+		line-height: 1.4;
+	}
 
-.plus-btn {
-	background-color: #007AFF;
-}
+	/* 注意事项 */
+	.notice-section {
+		padding: 16rpx 24rpx;
+		background: #fff;
+		border-top: 1rpx solid #f0f0f0;
+	}
 
-.action-text {
-	font-size: 32rpx;
-	line-height: 48rpx;
-	text-align: center;
-}
+	.notice-text {
+		font-size: 24rpx;
+		color: #999;
+	}
 
-.minus-btn .action-text {
-	color: #666666;
-}
+	/* 菜品列表 */
+	.dish-list {
+		margin-top: 20rpx;
+		padding: 0 24rpx;
+	}
 
-.plus-btn .action-text {
-	color: #ffffff;
-}
+	.dish-item {
+		display: flex;
+		align-items: center;
+		background: #fff;
+		padding: 24rpx;
+		border-bottom: 1rpx solid #f0f0f0;
+	}
 
-.dish-quantity {
-	font-size: 28rpx;
-	color: #333333;
-	min-width: 48rpx;
-	text-align: center;
-}
+	.dish-item:first-child {
+		border-radius: 20rpx 20rpx 0 0;
+	}
 
-/* 底部购物车栏 */
-.cart-bar {
-	position: fixed;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	height: 100rpx;
-	background-color: #333333;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 0 30rpx;
-	padding-bottom: env(safe-area-inset-bottom);
-}
+	.dish-item:last-child {
+		border-radius: 0 0 20rpx 20rpx;
+		border-bottom: none;
+	}
 
-.cart-info {
-	display: flex;
-	align-items: center;
-}
+	.dish-item:first-child:last-child {
+		border-radius: 20rpx;
+	}
 
-.cart-count {
-	font-size: 28rpx;
-	color: #ffffff;
-	margin-right: 20rpx;
-}
+	.dish-photo {
+		width: 140rpx;
+		height: 140rpx;
+		border-radius: 12rpx;
+		flex-shrink: 0;
+	}
 
-.cart-price {
-	font-size: 32rpx;
-	color: #e64340;
-	font-weight: bold;
-}
+	.dish-info {
+		flex: 1;
+		padding-left: 20rpx;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		min-height: 140rpx;
+	}
 
-.cart-checkout-btn {
-	width: 200rpx;
-	height: 72rpx;
-	line-height: 72rpx;
-	background-color: #007AFF;
-	color: #ffffff;
-	font-size: 28rpx;
-	border-radius: 36rpx;
-	border: none;
-	text-align: center;
-}
+	.dish-name {
+		font-size: 30rpx;
+		color: #333;
+		font-weight: 500;
+	}
 
-/* 购物车弹窗 */
-.cart-popup-mask {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	background-color: rgba(0, 0, 0, 0.5);
-	z-index: 100;
-	display: flex;
-	align-items: flex-end;
-}
+	.dish-bottom {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
 
-.cart-popup {
-	width: 100%;
-	max-height: 70vh;
-	background-color: #ffffff;
-	border-radius: 24rpx 24rpx 0 0;
-	display: flex;
-	flex-direction: column;
-}
+	.dish-price {
+		font-size: 32rpx;
+		color: #FF6B00;
+		font-weight: bold;
+	}
 
-.cart-popup-header {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 24rpx 30rpx;
-	border-bottom: 1rpx solid #f0f0f0;
-}
+	.dish-actions {
+		display: flex;
+		align-items: center;
+		flex-shrink: 0;
+	}
 
-.cart-popup-title {
-	font-size: 30rpx;
-	font-weight: bold;
-	color: #333333;
-}
+	.action-btn {
+		width: 48rpx;
+		height: 48rpx;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
 
-.cart-popup-clear {
-	font-size: 26rpx;
-	color: #999999;
-}
+	.minus-btn {
+		background: #f0f0f0;
+	}
 
-.cart-popup-list {
-	max-height: 50vh;
-	padding: 0 30rpx;
-}
+	.plus-btn {
+		background: #FF8C00;
+	}
 
-.cart-popup-item {
-	display: flex;
-	align-items: center;
-	padding: 20rpx 0;
-	border-bottom: 1rpx solid #f0f0f0;
-}
+	.action-text {
+		font-size: 36rpx;
+		line-height: 1;
+		display: block;
+	}
 
-.cart-item-photo {
-	width: 80rpx;
-	height: 80rpx;
-	border-radius: 8rpx;
-	flex-shrink: 0;
-}
+	.minus-btn .action-text {
+		color: #666;
+	}
 
-.cart-item-info {
-	flex: 1;
-	padding: 0 16rpx;
-	display: flex;
-	flex-direction: column;
-}
+	.plus-btn .action-text {
+		color: #fff;
+	}
 
-.cart-item-shop {
-	font-size: 22rpx;
-	color: #999999;
-}
+	.dish-quantity {
+		font-size: 28rpx;
+		color: #333;
+		min-width: 48rpx;
+		text-align: center;
+	}
 
-.cart-item-name {
-	font-size: 26rpx;
-	color: #333333;
-}
+	/* 底部购物车栏 */
+	.cart-bar {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		height: 110rpx;
+		background: #fff;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0 24rpx;
+		padding-bottom: env(safe-area-inset-bottom);
+		box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
+	}
 
-.cart-item-price {
-	font-size: 26rpx;
-	color: #e64340;
-}
+	.cart-left {
+		display: flex;
+		align-items: center;
+	}
 
-.cart-popup-footer {
-	padding: 16rpx 30rpx;
-	padding-bottom: calc(16rpx + env(safe-area-inset-bottom));
-	border-top: 1rpx solid #f0f0f0;
-}
+	.cart-icon {
+		width: 80rpx;
+		height: 80rpx;
+		margin-right: 16rpx;
+	}
 
-.cart-fee-row {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 8rpx 0;
-}
+	.cart-price {
+		font-size: 36rpx;
+		color: #FF6B00;
+		font-weight: bold;
+	}
 
-.cart-fee-label {
-	font-size: 26rpx;
-	color: #666666;
-}
+	.cart-checkout-btn {
+		width: 220rpx;
+		height: 72rpx;
+		line-height: 72rpx;
+		background: linear-gradient(135deg, #FFB700, #FF9500);
+		color: #fff;
+		font-size: 28rpx;
+		border-radius: 36rpx;
+		border: none;
+		text-align: center;
+		margin-right: 10rpx;
+	}
 
-.cart-fee-value {
-	font-size: 26rpx;
-	color: #333333;
-}
+	.cart-checkout-btn.disabled {
+		background: #e0e0e0;
+		color: #999;
+	}
 
-.cart-fee-total {
-	font-size: 32rpx;
-	color: #e64340;
-	font-weight: bold;
-}
-</style>
+	/* 购物车弹窗 */
+	.cart-popup-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0.5);
+		z-index: 100;
+		display: flex;
+		align-items: flex-end;
+	}
+
+	.cart-popup {
+		width: 100%;
+		max-height: 60vh;
+		background: #fff;
+		border-radius: 24rpx 24rpx 0 0;
+		display: flex;
+		flex-direction: column;
+		overflow: hidden;
+		box-sizing: border-box;
+	}
+
+	.cart-popup-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 24rpx 30rpx;
+		border-bottom: 1rpx solid #f0f0f0;
+	}
+
+	.cart-popup-title {
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #333;
+	}
+
+	.cart-popup-clear {
+		font-size: 26rpx;
+		color: #999;
+	}
+
+	.cart-popup-list {
+		max-height: 50vh;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+		width: 100%;
+	}
+
+	.cart-popup-item {
+		display: flex;
+		align-items: center;
+		padding: 20rpx 0;
+		border-bottom: 1rpx solid #f0f0f0;
+	}
+
+	.cart-item-photo {
+		width: 80rpx;
+		height: 80rpx;
+		border-radius: 8rpx;
+		flex-shrink: 0;
+	}
+
+	.cart-item-info {
+		flex: 1;
+		padding: 0 16rpx;
+		display: flex;
+		flex-direction: column;
+		min-width: 0;
+	}
+
+	.cart-item-name {
+		font-size: 26rpx;
+		color: #333;
+	}
+
+	.cart-item-price {
+		font-size: 26rpx;
+		color: #FF6B00;
+	}
+
+	.cart-popup-footer {
+		padding: 16rpx 30rpx;
+		padding-bottom: calc(16rpx + env(safe-area-inset-bottom));
+		border-top: 1rpx solid #f0f0f0;
+	}
+
+	.cart-fee-row {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 8rpx 0;
+	}
+
+	.cart-fee-label {
+		font-size: 26rpx;
+		color: #666;
+	}
+
+	.cart-fee-value {
+		font-size: 26rpx;
+		color: #333;
+	}
+
+	.cart-fee-total {
+		font-size: 32rpx;
+		color: #FF6B00;
+		font-weight: bold;
+	}
+</style>
\ No newline at end of file
diff --git a/miniapp/pages/help/help.vue b/miniapp/pages/help/help.vue
index 5229fa6..22ac64b 100644
--- a/miniapp/pages/help/help.vue
+++ b/miniapp/pages/help/help.vue
@@ -21,9 +21,10 @@
 		<view class="form-section">
 			<!-- 1.要做的事情 -->
 			<view class="form-group">
-				<text class="form-label">1.要做的事情</text>
+				<text class="form-label">1.万能帮事项</text>
 				<view class="input-box textarea-box">
-					<textarea v-model="form.itemName" placeholder="请描述您需要帮忙做的事情" placeholder-class="placeholder" :maxlength="500" />
+					<textarea v-model="form.itemName" placeholder="请输入需要做什么事，需详细描述" placeholder-class="placeholder"
+						:maxlength="500" />
 				</view>
 			</view>
 
@@ -31,16 +32,17 @@
 			<view class="form-group">
 				<text class="form-label">2.如何联系您？</text>
 				<view class="input-box">
-					<input v-model="form.phone" type="number" placeholder="请输入手机号，对方接单后才能看到" placeholder-class="placeholder" maxlength="11" />
+					<input v-model="form.phone" type="number" placeholder="请输入手机号，对方接单后才能看到"
+						placeholder-class="placeholder" maxlength="11" />
 				</view>
 			</view>
 
 			<!-- 3.商品总金额 -->
 			<view class="form-group">
 				<text class="form-label">3.商品总金额</text>
-				<text class="form-tip">需包含商品总额和包装费等额外费用</text>
 				<view class="input-box">
-					<input v-model="form.goodsAmount" type="digit" placeholder="请输入商品总金额" placeholder-class="placeholder" />
+					<input v-model="form.goodsAmount" type="digit" placeholder="请输入代购商品总金额，包含可能存在的包装费等"
+						placeholder-class="placeholder" />
 				</view>
 			</view>
 
@@ -48,7 +50,8 @@
 			<view class="form-group">
 				<text class="form-label">4.跑腿佣金</text>
 				<view class="input-box">
-					<input v-model="form.commission" type="digit" placeholder="请输入跑腿佣金，最低1.0元" placeholder-class="placeholder" />
+					<input v-model="form.commission" type="digit" placeholder="请输入跑腿佣金，若涉及购买，需包含商品金额"
+						placeholder-class="placeholder" />
 				</view>
 				<text class="form-tip">佣金先由平台保管，接单方完成订单后才会收到佣金</text>
 			</view>
@@ -65,263 +68,307 @@
 </template>
 
 <script>
-import { createOrder, getPageBanner } from '../../utils/api'
+	import {
+		createOrder,
+		getPageBanner
+	} from '../../utils/api'
 
-export default {
-	data() {
-		return {
-			form: {
-				itemName: '',
-				phone: '',
-				goodsAmount: '',
-				commission: ''
+	export default {
+		data() {
+			return {
+				form: {
+					itemName: '',
+					phone: '',
+					goodsAmount: '',
+					commission: ''
+				},
+				submitting: false,
+				statusBarHeight: 0,
+				bannerUrl: ''
+			}
+		},
+		computed: {
+			/** 支付金额 = 商品总金额 + 跑腿佣金 */
+			payAmount() {
+				const goods = parseFloat(this.form.goodsAmount) || 0
+				const commission = parseFloat(this.form.commission) || 0
+				return (goods + commission).toFixed(1)
+			}
+		},
+		onLoad() {
+			const sysInfo = uni.getSystemInfoSync()
+			this.statusBarHeight = sysInfo.statusBarHeight || 0
+			this.loadBanner()
+		},
+		methods: {
+			goBack() {
+				uni.navigateBack()
 			},
-			submitting: false,
-			statusBarHeight: 0,
-			bannerUrl: ''
-		}
-	},
-	computed: {
-		/** 支付金额 = 商品总金额 + 跑腿佣金 */
-		payAmount() {
-			const goods = parseFloat(this.form.goodsAmount) || 0
-			const commission = parseFloat(this.form.commission) || 0
-			return (goods + commission).toFixed(1)
-		}
-	},
-	onLoad() {
-		const sysInfo = uni.getSystemInfoSync()
-		this.statusBarHeight = sysInfo.statusBarHeight || 0
-		this.loadBanner()
-	},
-	methods: {
-		goBack() { uni.navigateBack() },
-		async loadBanner() {
-			try {
-				const res = await getPageBanner('help')
-				if (res?.value) this.bannerUrl = res.value
-			} catch (e) {}
-		},
-		/** 校验佣金 */
-		validateCommission() {
-			const val = this.form.commission
-			if (!val) {
-				uni.showToast({ title: '请输入跑腿佣金', icon: 'none' })
-				return false
-			}
-			const num = parseFloat(val)
-			if (isNaN(num) || num < 1.0) {
-				uni.showToast({ title: '跑腿佣金不可低于1.0元', icon: 'none' })
-				return false
-			}
-			if (val.includes('.') && val.split('.')[1].length > 1) {
-				uni.showToast({ title: '佣金最多支持小数点后1位', icon: 'none' })
-				return false
-			}
-			return true
-		},
-		/** 校验表单 */
-		validateForm() {
-			if (!this.form.itemName.trim()) {
-				uni.showToast({ title: '请描述需要帮忙做的事情', icon: 'none' })
-				return false
-			}
-			if (!this.form.phone.trim()) {
-				uni.showToast({ title: '请输入手机号', icon: 'none' })
-				return false
-			}
-			if (!this.form.goodsAmount) {
-				uni.showToast({ title: '请输入商品总金额', icon: 'none' })
-				return false
-			}
-			const goodsNum = parseFloat(this.form.goodsAmount)
-			if (isNaN(goodsNum) || goodsNum <= 0) {
-				uni.showToast({ title: '请输入正确的商品总金额', icon: 'none' })
-				return false
-			}
-			return this.validateCommission()
-		},
-		/** 提交订单 */
-		async onSubmit() {
-			if (!this.validateForm()) return
+			async loadBanner() {
+				try {
+					const res = await getPageBanner('help')
+					if (res?.value) this.bannerUrl = res.value
+				} catch (e) {}
+			},
+			/** 校验佣金 */
+			validateCommission() {
+				const val = this.form.commission
+				if (!val) {
+					uni.showToast({
+						title: '请输入跑腿佣金',
+						icon: 'none'
+					})
+					return false
+				}
+				const num = parseFloat(val)
+				if (isNaN(num) || num < 1.0) {
+					uni.showToast({
+						title: '跑腿佣金不可低于1.0元',
+						icon: 'none'
+					})
+					return false
+				}
+				if (val.includes('.') && val.split('.')[1].length > 1) {
+					uni.showToast({
+						title: '佣金最多支持小数点后1位',
+						icon: 'none'
+					})
+					return false
+				}
+				return true
+			},
+			/** 校验表单 */
+			validateForm() {
+				if (!this.form.itemName.trim()) {
+					uni.showToast({
+						title: '请描述需要帮忙做的事情',
+						icon: 'none'
+					})
+					return false
+				}
+				if (!this.form.phone.trim()) {
+					uni.showToast({
+						title: '请输入手机号',
+						icon: 'none'
+					})
+					return false
+				}
+				if (!this.form.goodsAmount) {
+					uni.showToast({
+						title: '请输入商品总金额',
+						icon: 'none'
+					})
+					return false
+				}
+				const goodsNum = parseFloat(this.form.goodsAmount)
+				if (isNaN(goodsNum) || goodsNum <= 0) {
+					uni.showToast({
+						title: '请输入正确的商品总金额',
+						icon: 'none'
+					})
+					return false
+				}
+				return this.validateCommission()
+			},
+			/** 提交订单 */
+			async onSubmit() {
+				if (!this.validateForm()) return
 
-			// 未登录跳转登录页
-			const token = uni.getStorageSync('token')
-			if (!token) {
-				uni.navigateTo({ url: '/pages/login/login' })
-				return
-			}
+				// 未登录跳转登录页
+				const token = uni.getStorageSync('token')
+				if (!token) {
+					uni.navigateTo({
+						url: '/pages/login/login'
+					})
+					return
+				}
 
-			this.submitting = true
-			try {
-				const commission = parseFloat(this.form.commission)
-				const goodsAmount = parseFloat(this.form.goodsAmount)
-				const result = await createOrder({
-					orderType: 'Help',
-					itemName: this.form.itemName.trim(),
-					phone: this.form.phone.trim(),
-					goodsAmount,
-					commission,
-					totalAmount: goodsAmount + commission
+				this.submitting = true
+				try {
+					const commission = parseFloat(this.form.commission)
+					const goodsAmount = parseFloat(this.form.goodsAmount)
+					const result = await createOrder({
+						orderType: 'Help',
+						itemName: this.form.itemName.trim(),
+						phone: this.form.phone.trim(),
+						goodsAmount,
+						commission,
+						totalAmount: goodsAmount + commission
+					})
+					if (result.paymentParams) await this.wxPay(result.paymentParams)
+					uni.showToast({
+						title: '下单成功',
+						icon: 'success'
+					})
+					setTimeout(() => {
+						uni.navigateBack()
+					}, 1500)
+				} catch (e) {} finally {
+					this.submitting = false
+				}
+			},
+			/** 调用微信支付 */
+			wxPay(params) {
+				return new Promise((resolve, reject) => {
+					uni.requestPayment({
+						...params,
+						success: resolve,
+						fail: (err) => {
+							if (err.errMsg !== 'requestPayment:fail cancel')
+								uni.showToast({
+									title: '支付失败',
+									icon: 'none'
+								})
+							reject(err)
+						}
+					})
 				})
-				if (result.paymentParams) await this.wxPay(result.paymentParams)
-				uni.showToast({ title: '下单成功', icon: 'success' })
-				setTimeout(() => { uni.navigateBack() }, 1500)
-			} catch (e) {} finally { this.submitting = false }
-		},
-		/** 调用微信支付 */
-		wxPay(params) {
-			return new Promise((resolve, reject) => {
-				uni.requestPayment({
-					...params, success: resolve,
-					fail: (err) => {
-						if (err.errMsg !== 'requestPayment:fail cancel')
-							uni.showToast({ title: '支付失败', icon: 'none' })
-						reject(err)
-					}
-				})
-			})
+			}
 		}
 	}
-}
 </script>
 
 <style scoped>
-.order-page {
-	padding-bottom: 40rpx;
-	background-color: #f5f5f5;
-	min-height: 100vh;
-}
+	.order-page {
+		padding-bottom: 40rpx;
+		background-color: #f5f5f5;
+		min-height: 100vh;
+	}
 
-/* 自定义导航栏 */
-.custom-navbar {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	z-index: 999;
-	background: #FFB700;
-}
-.navbar-content {
-	height: 44px;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 0 20rpx;
-}
-.nav-back {
-	width: 60rpx;
-	height: 60rpx;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-.back-icon {
-	width: 40rpx;
-	height: 40rpx;
-}
-.navbar-title {
-	font-size: 34rpx;
-	font-weight: bold;
-	color: #363636;
-}
-.nav-placeholder {
-	width: 60rpx;
-}
+	/* 自定义导航栏 */
+	.custom-navbar {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		z-index: 999;
+		background: #FFB700;
+	}
 
-/* 顶部大图 */
-.top-banner {
-	padding: 20rpx 24rpx 0;
-}
-.banner-img {
-	width: 100%;
-	height: 280rpx;
-	border-radius: 20rpx;
-}
+	.navbar-content {
+		height: 44px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0 20rpx;
+	}
 
-/* 表单区域 */
-.form-section {
-	padding: 10rpx 24rpx 0;
-}
+	.nav-back {
+		width: 60rpx;
+		height: 60rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
 
-.form-group {
-	margin-bottom: 24rpx;
-}
+	.back-icon {
+		width: 40rpx;
+		height: 40rpx;
+	}
 
-.form-label {
-	font-size: 30rpx;
-	color: #333333;
-	font-weight: bold;
-	display: block;
-	margin-bottom: 16rpx;
-}
+	.navbar-title {
+		font-size: 34rpx;
+		font-weight: bold;
+		color: #363636;
+	}
 
-.input-box {
-	background-color: #ffffff;
-	border-radius: 16rpx;
-	padding: 0 24rpx;
-	height: 88rpx;
-	display: flex;
-	align-items: center;
-}
+	.nav-placeholder {
+		width: 60rpx;
+	}
 
-.input-box input {
-	width: 100%;
-	height: 100%;
-	font-size: 28rpx;
-	color: #333;
-}
+	/* 顶部大图 */
+	.top-banner {
+		width: 100%;
+	}
 
-.textarea-box {
-	height: 240rpx;
-	padding: 20rpx 24rpx;
-	align-items: flex-start;
-}
+	.banner-img {
+		width: 100%;
+		height: 330rpx;
+	}
 
-.textarea-box textarea {
-	width: 100%;
-	height: 100%;
-	font-size: 28rpx;
-	color: #333;
-}
+	/* 表单区域 */
+	.form-section {
+		padding: 10rpx 24rpx 0;
+	}
 
-.form-tip {
-	font-size: 24rpx;
-	color: #999999;
-	margin-top: 12rpx;
-	display: block;
-	text-align: center;
-}
+	.form-group {
+		margin-bottom: 24rpx;
+	}
 
-/* 支付金额 + 提交按钮 */
-.submit-section {
-	padding: 20rpx 24rpx;
-	padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
-}
+	.form-label {
+		font-size: 30rpx;
+		color: #333333;
+		font-weight: bold;
+		display: block;
+		margin-bottom: 16rpx;
+	}
 
-.pay-amount {
-	font-size: 32rpx;
-	color: #e64340;
-	font-weight: bold;
-	display: block;
-	text-align: center;
-	margin-bottom: 20rpx;
-}
+	.input-box {
+		background-color: #ffffff;
+		border-radius: 16rpx;
+		padding: 0 24rpx;
+		height: 88rpx;
+		display: flex;
+		align-items: center;
+	}
 
-.submit-btn {
-	width: 100%;
-	height: 96rpx;
-	line-height: 96rpx;
-	background: #FAD146;
-	color: #ffffff;
-	font-size: 32rpx;
-	font-weight: bold;
-	border-radius: 10rpx;
-	border: none;
-	text-align: center;
-}
+	.input-box input {
+		width: 100%;
+		height: 100%;
+		font-size: 28rpx;
+		color: #333;
+	}
 
-.submit-btn[disabled] {
-	opacity: 0.6;
-}
-</style>
+	.textarea-box {
+		height: 240rpx;
+		padding: 20rpx 24rpx;
+		align-items: flex-start;
+	}
+
+	.textarea-box textarea {
+		width: 100%;
+		height: 100%;
+		font-size: 28rpx;
+		color: #333;
+	}
+
+	.form-tip {
+		font-size: 24rpx;
+		color: #999999;
+		margin-top: 12rpx;
+		display: block;
+		text-align: center;
+	}
+
+	/* 支付金额 + 提交按钮 */
+	.submit-section {
+		padding: 20rpx 24rpx;
+		padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
+	}
+
+	.pay-amount {
+		font-size: 32rpx;
+		color: #e64340;
+		font-weight: bold;
+		display: block;
+		text-align: center;
+		margin-bottom: 20rpx;
+	}
+
+	.submit-btn {
+		width: 100%;
+		height: 96rpx;
+		line-height: 96rpx;
+		background: #FAD146;
+		color: #ffffff;
+		font-size: 32rpx;
+		font-weight: bold;
+		border-radius: 10rpx;
+		border: none;
+		text-align: center;
+	}
+
+	.submit-btn[disabled] {
+		opacity: 0.6;
+	}
+</style>
\ No newline at end of file
diff --git a/miniapp/pages/order-hall/order-hall.vue b/miniapp/pages/order-hall/order-hall.vue
index e6220b9..50e0ab6 100644
--- a/miniapp/pages/order-hall/order-hall.vue
+++ b/miniapp/pages/order-hall/order-hall.vue
@@ -37,38 +37,63 @@
 			<view v-else-if="orders.length === 0" class="empty-tip">暂无订单</view>
 
 			<view v-for="order in orders" :key="order.id" class="order-card">
-				<!-- 标题行：物品名 + 跑腿费 -->
-				<view class="card-title-row">
-					<text class="card-item-name">{{ getItemTitle(order) }}</text>
-					<view class="card-commission">
-						<text class="commission-label">跑腿费：</text>
-						<text class="commission-value">{{ order.commission }}元</text>
-					</view>
-				</view>
-
-				<!-- 信息行 -->
-				<view class="card-body">
-					<view class="info-row" v-if="order.pickupLocation">
-						<view class="dot green"></view>
-						<text class="info-text">取货地址：{{ order.pickupLocation }}</text>
-					</view>
-					<view class="info-row" v-if="order.deliveryLocation">
-						<view class="dot orange"></view>
-						<text class="info-text">送达地址：{{ order.deliveryLocation }}</text>
-					</view>
+				<!-- 万能帮：特殊卡片布局 -->
+				<template v-if="order.orderType === 'Help'">
 					<view class="info-row remark-row">
 						<image class="remark-icon" src="/static/ic_modify.png" mode="aspectFit"></image>
-						<text class="info-text">备注信息：{{ order.remark || '无' }}</text>
+						<text class="info-text">备注信息：{{ order.itemName || '无' }}</text>
 					</view>
-				</view>
+					<view class="card-footer" style="margin-top: 20rpx;">
+						<view class="help-commission">
+							<text class="help-commission-label">跑腿费(含其他费用)：</text>
+							<text class="commission-value">{{ getHelpTotalAmount(order) }}元</text>
+						</view>
+						<view class="footer-spacer"></view>
+						<button class="accept-btn" size="mini" @click="onAcceptClick(order)">接单</button>
+					</view>
+				</template>
 
-				<!-- 接单按钮 -->
-				<view class="card-footer">
-					<view class="footer-spacer"></view>
-					<button v-if="order.orderType === 'Food'" class="accept-btn" size="mini"
-						@click="viewFoodDetail(order)">查看详情</button>
-					<button v-else class="accept-btn" size="mini" @click="onAcceptClick(order)">接单</button>
-				</view>
+				<!-- 其他类型：默认卡片布局 -->
+				<template v-else>
+					<!-- 标题行：物品名 + 跑腿费 -->
+					<view class="card-title-row">
+						<text class="card-item-name">{{ getItemTitle(order) }}</text>
+						<view class="card-commission">
+							<text class="commission-label">跑腿费：</text>
+							<text class="commission-value">{{ order.commission }}元</text>
+						</view>
+					</view>
+
+					<!-- 代购：垫付商品金额 -->
+					<view class="goods-amount-row" v-if="order.orderType === 'Purchase' && order.goodsAmount">
+						<text class="goods-amount-label">垫付商品金额：</text>
+						<text class="goods-amount-value">¥{{ order.goodsAmount }}</text>
+					</view>
+
+					<!-- 信息行 -->
+					<view class="card-body">
+						<view class="info-row" v-if="order.pickupLocation">
+							<view class="dot green"></view>
+							<text class="info-text">取货地址：{{ order.pickupLocation }}</text>
+						</view>
+						<view class="info-row" v-if="order.deliveryLocation">
+							<view class="dot orange"></view>
+							<text class="info-text">送达地址：{{ order.deliveryLocation }}</text>
+						</view>
+						<view class="info-row remark-row">
+							<image class="remark-icon" src="/static/ic_modify.png" mode="aspectFit"></image>
+							<text class="info-text">备注信息：{{ order.remark || '无' }}</text>
+						</view>
+					</view>
+
+					<!-- 接单按钮 -->
+					<view class="card-footer">
+						<view class="footer-spacer"></view>
+						<button v-if="order.orderType === 'Food'" class="accept-btn" size="mini"
+							@click="viewFoodDetail(order)">查看详情</button>
+						<button v-else class="accept-btn" size="mini" @click="onAcceptClick(order)">接单</button>
+					</view>
+				</template>
 			</view>
 		</scroll-view>
 
@@ -235,6 +260,12 @@
 				this.loadOrders()
 			},
 			loadMore() {},
+			/** 获取万能帮总费用（佣金+商品金额） */
+			getHelpTotalAmount(order) {
+				const commission = parseFloat(order.commission) || 0
+				const goodsAmount = parseFloat(order.goodsAmount) || 0
+				return (commission + goodsAmount).toFixed(1)
+			},
 			/** 获取卡片标题 */
 			getItemTitle(order) {
 				const typeMap = {
@@ -246,7 +277,7 @@
 				}
 				const prefix = typeMap[order.orderType] || ''
 				if (order.orderType === 'Food') return `美食街订单（${order.shopCount || 0}家）`
-				if (order.orderType === 'Help') return `万能帮：${order.remark || ''}`
+				if (order.orderType === 'Help') return `万能帮：${order.itemName || ''}`
 				return `${prefix}：${order.itemName || ''}`
 			},
 			viewFoodDetail(order) {
@@ -477,9 +508,28 @@
 		display: flex;
 		justify-content: space-between;
 		align-items: flex-start;
+		margin-bottom: 16rpx;
+	}
+
+	/* 代购垫付金额 */
+	.goods-amount-row {
+		display: flex;
+		align-items: center;
 		margin-bottom: 24rpx;
 	}
 
+	.goods-amount-label {
+		font-size: 28rpx;
+		color: #333;
+		font-weight: bold;
+	}
+
+	.goods-amount-value {
+		font-size: 30rpx;
+		color: #FF6B00;
+		font-weight: bold;
+	}
+
 	.card-item-name {
 		font-size: 30rpx;
 		color: #333;
@@ -490,7 +540,7 @@
 
 	.card-commission {
 		display: flex;
-		align-items: baseline;
+		align-items: center;
 		flex-shrink: 0;
 	}
 
@@ -505,6 +555,17 @@
 		font-weight: bold;
 	}
 
+	/* 万能帮跑腿费 */
+	.help-commission {
+		display: flex;
+		align-items: center;
+	}
+
+	.help-commission-label {
+		font-size: 26rpx;
+		color: #333;
+	}
+
 	/* 信息行 */
 	.card-body {
 		margin-bottom: 20rpx;
@@ -544,8 +605,8 @@
 	}
 
 	.info-text {
-		font-size: 26rpx;
-		color: #666;
+		font-size: 28rpx;
+		color: #363636;
 	}
 
 	/* 卡片底部 */
diff --git a/miniapp/pages/pickup/pickup.vue b/miniapp/pages/pickup/pickup.vue
index c25d5c5..75efed6 100644
--- a/miniapp/pages/pickup/pickup.vue
+++ b/miniapp/pages/pickup/pickup.vue
@@ -231,12 +231,11 @@ export default {
 
 /* 顶部大图 */
 .top-banner {
-	padding: 20rpx 24rpx 0;
+	width: 100%;
 }
 .banner-img {
 	width: 100%;
 	height: 330rpx;
-	border-radius: 20rpx;
 }
 
 /* 表单区域 */
diff --git a/miniapp/pages/purchase/purchase.vue b/miniapp/pages/purchase/purchase.vue
index d1c992a..bd4f997 100644
--- a/miniapp/pages/purchase/purchase.vue
+++ b/miniapp/pages/purchase/purchase.vue
@@ -40,26 +40,30 @@
 			<view class="form-group">
 				<text class="form-label">4.备注信息</text>
 				<view class="input-box textarea-box">
-					<textarea v-model="form.remark" placeholder="请输入备注信息，如规格、数量、品牌等" placeholder-class="placeholder" :maxlength="200" />
+					<textarea v-model="form.remark" placeholder="请输入备注信息，如规格、数量、品牌等" placeholder-class="placeholder"
+						:maxlength="200" />
 				</view>
 			</view>
 			<view class="form-group">
 				<text class="form-label">5.如何联系您？</text>
 				<view class="input-box">
-					<input v-model="form.phone" type="number" placeholder="请输入手机号，对方接单后才能看到" placeholder-class="placeholder" maxlength="11" />
+					<input v-model="form.phone" type="number" placeholder="请输入手机号，对方接单后才能看到"
+						placeholder-class="placeholder" maxlength="11" />
 				</view>
 			</view>
 			<view class="form-group">
 				<text class="form-label">6.商品总金额</text>
 				<view class="input-box">
-					<input v-model="form.goodsAmount" type="digit" placeholder="请输入商品总金额" placeholder-class="placeholder" />
+					<input v-model="form.goodsAmount" type="digit" placeholder="请输入商品总金额"
+						placeholder-class="placeholder" />
 				</view>
 				<text class="form-tip">需包含商品总额和包装费等额外费用</text>
 			</view>
 			<view class="form-group">
 				<text class="form-label">7.跑腿佣金</text>
 				<view class="input-box">
-					<input v-model="form.commission" type="digit" placeholder="请输入跑腿佣金，最低1.0元" placeholder-class="placeholder" />
+					<input v-model="form.commission" type="digit" placeholder="请输入跑腿佣金，最低1.0元"
+						placeholder-class="placeholder" />
 				</view>
 				<text class="form-tip">佣金先由平台保管，接单方完成订单后才会收到佣金</text>
 			</view>
@@ -76,136 +80,316 @@
 </template>
 
 <script>
-import { createOrder, getPageBanner } from '../../utils/api'
+	import {
+		createOrder,
+		getPageBanner
+	} from '../../utils/api'
 
-export default {
-	data() {
-		return {
-			form: {
-				itemName: '',
-				pickupLocation: '',
-				deliveryLocation: '',
-				remark: '',
-				phone: '',
-				goodsAmount: '',
-				commission: ''
+	export default {
+		data() {
+			return {
+				form: {
+					itemName: '',
+					pickupLocation: '',
+					deliveryLocation: '',
+					remark: '',
+					phone: '',
+					goodsAmount: '',
+					commission: ''
+				},
+				submitting: false,
+				statusBarHeight: 0,
+				bannerUrl: ''
+			}
+		},
+		computed: {
+			/** 支付金额 = 商品总金额 + 跑腿佣金 */
+			payAmount() {
+				const goods = parseFloat(this.form.goodsAmount) || 0
+				const commission = parseFloat(this.form.commission) || 0
+				return (goods + commission).toFixed(1)
+			}
+		},
+		onLoad() {
+			const sysInfo = uni.getSystemInfoSync()
+			this.statusBarHeight = sysInfo.statusBarHeight || 0
+			this.loadBanner()
+		},
+		methods: {
+			goBack() {
+				uni.navigateBack()
 			},
-			submitting: false,
-			statusBarHeight: 0,
-			bannerUrl: ''
-		}
-	},
-	computed: {
-		/** 支付金额 = 商品总金额 + 跑腿佣金 */
-		payAmount() {
-			const goods = parseFloat(this.form.goodsAmount) || 0
-			const commission = parseFloat(this.form.commission) || 0
-			return (goods + commission).toFixed(1)
-		}
-	},
-	onLoad() {
-		const sysInfo = uni.getSystemInfoSync()
-		this.statusBarHeight = sysInfo.statusBarHeight || 0
-		this.loadBanner()
-	},
-	methods: {
-		goBack() { uni.navigateBack() },
-		async loadBanner() {
-			try {
-				const res = await getPageBanner('purchase')
-				if (res?.value) this.bannerUrl = res.value
-			} catch (e) {}
-		},
-		validateCommission() {
-			const val = this.form.commission
-			if (!val) { uni.showToast({ title: '请输入跑腿佣金', icon: 'none' }); return false }
-			const num = parseFloat(val)
-			if (isNaN(num) || num < 1.0) { uni.showToast({ title: '跑腿佣金不可低于1.0元', icon: 'none' }); return false }
-			if (val.includes('.') && val.split('.')[1].length > 1) { uni.showToast({ title: '佣金最多支持小数点后1位', icon: 'none' }); return false }
-			return true
-		},
-		validateForm() {
-			if (!this.form.itemName.trim()) { uni.showToast({ title: '请输入代购物品', icon: 'none' }); return false }
-			if (!this.form.pickupLocation.trim()) { uni.showToast({ title: '请输入买货地点', icon: 'none' }); return false }
-			if (!this.form.deliveryLocation.trim()) { uni.showToast({ title: '请输入送达地点', icon: 'none' }); return false }
-			if (!this.form.phone.trim()) { uni.showToast({ title: '请输入手机号', icon: 'none' }); return false }
-			if (!this.form.goodsAmount) { uni.showToast({ title: '请输入商品总金额', icon: 'none' }); return false }
-			const goodsNum = parseFloat(this.form.goodsAmount)
-			if (isNaN(goodsNum) || goodsNum <= 0) { uni.showToast({ title: '请输入正确的商品总金额', icon: 'none' }); return false }
-			return this.validateCommission()
-		},
-		async onSubmit() {
-			if (!this.validateForm()) return
-			const token = uni.getStorageSync('token')
-			if (!token) { uni.navigateTo({ url: '/pages/login/login' }); return }
-			this.submitting = true
-			try {
-				const commission = parseFloat(this.form.commission)
-				const goodsAmount = parseFloat(this.form.goodsAmount)
-				const result = await createOrder({
-					orderType: 'Purchase',
-					itemName: this.form.itemName.trim(),
-					pickupLocation: this.form.pickupLocation.trim(),
-					deliveryLocation: this.form.deliveryLocation.trim(),
-					remark: this.form.remark.trim(),
-					phone: this.form.phone.trim(),
-					goodsAmount, commission,
-					totalAmount: goodsAmount + commission
+			async loadBanner() {
+				try {
+					const res = await getPageBanner('purchase')
+					if (res?.value) this.bannerUrl = res.value
+				} catch (e) {}
+			},
+			validateCommission() {
+				const val = this.form.commission
+				if (!val) {
+					uni.showToast({
+						title: '请输入跑腿佣金',
+						icon: 'none'
+					});
+					return false
+				}
+				const num = parseFloat(val)
+				if (isNaN(num) || num < 1.0) {
+					uni.showToast({
+						title: '跑腿佣金不可低于1.0元',
+						icon: 'none'
+					});
+					return false
+				}
+				if (val.includes('.') && val.split('.')[1].length > 1) {
+					uni.showToast({
+						title: '佣金最多支持小数点后1位',
+						icon: 'none'
+					});
+					return false
+				}
+				return true
+			},
+			validateForm() {
+				if (!this.form.itemName.trim()) {
+					uni.showToast({
+						title: '请输入代购物品',
+						icon: 'none'
+					});
+					return false
+				}
+				if (!this.form.pickupLocation.trim()) {
+					uni.showToast({
+						title: '请输入买货地点',
+						icon: 'none'
+					});
+					return false
+				}
+				if (!this.form.deliveryLocation.trim()) {
+					uni.showToast({
+						title: '请输入送达地点',
+						icon: 'none'
+					});
+					return false
+				}
+				if (!this.form.phone.trim()) {
+					uni.showToast({
+						title: '请输入手机号',
+						icon: 'none'
+					});
+					return false
+				}
+				if (!this.form.goodsAmount) {
+					uni.showToast({
+						title: '请输入商品总金额',
+						icon: 'none'
+					});
+					return false
+				}
+				const goodsNum = parseFloat(this.form.goodsAmount)
+				if (isNaN(goodsNum) || goodsNum <= 0) {
+					uni.showToast({
+						title: '请输入正确的商品总金额',
+						icon: 'none'
+					});
+					return false
+				}
+				return this.validateCommission()
+			},
+			async onSubmit() {
+				if (!this.validateForm()) return
+				const token = uni.getStorageSync('token')
+				if (!token) {
+					uni.navigateTo({
+						url: '/pages/login/login'
+					});
+					return
+				}
+				this.submitting = true
+				try {
+					const commission = parseFloat(this.form.commission)
+					const goodsAmount = parseFloat(this.form.goodsAmount)
+					const result = await createOrder({
+						orderType: 'Purchase',
+						itemName: this.form.itemName.trim(),
+						pickupLocation: this.form.pickupLocation.trim(),
+						deliveryLocation: this.form.deliveryLocation.trim(),
+						remark: this.form.remark.trim(),
+						phone: this.form.phone.trim(),
+						goodsAmount,
+						commission,
+						totalAmount: goodsAmount + commission
+					})
+					if (result.paymentParams) await this.wxPay(result.paymentParams)
+					uni.showToast({
+						title: '下单成功',
+						icon: 'success'
+					})
+					setTimeout(() => {
+						uni.navigateBack()
+					}, 1500)
+				} catch (e) {} finally {
+					this.submitting = false
+				}
+			},
+			wxPay(params) {
+				return new Promise((resolve, reject) => {
+					uni.requestPayment({
+						...params,
+						success: resolve,
+						fail: (err) => {
+							if (err.errMsg !== 'requestPayment:fail cancel')
+								uni.showToast({
+									title: '支付失败',
+									icon: 'none'
+								})
+							reject(err)
+						}
+					})
 				})
-				if (result.paymentParams) await this.wxPay(result.paymentParams)
-				uni.showToast({ title: '下单成功', icon: 'success' })
-				setTimeout(() => { uni.navigateBack() }, 1500)
-			} catch (e) {} finally { this.submitting = false }
-		},
-		wxPay(params) {
-			return new Promise((resolve, reject) => {
-				uni.requestPayment({
-					...params, success: resolve,
-					fail: (err) => {
-						if (err.errMsg !== 'requestPayment:fail cancel')
-							uni.showToast({ title: '支付失败', icon: 'none' })
-						reject(err)
-					}
-				})
-			})
+			}
 		}
 	}
-}
 </script>
 
 <style scoped>
-.order-page {
-	padding-bottom: 40rpx;
-	background-color: #f5f5f5;
-	min-height: 100vh;
-}
-.custom-navbar {
-	position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #FFB700;
-}
-.navbar-content {
-	height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 20rpx;
-}
-.nav-back { width: 60rpx; height: 60rpx; display: flex; align-items: center; justify-content: center; }
-.back-icon { width: 40rpx; height: 40rpx; }
-.navbar-title { font-size: 34rpx; font-weight: bold; color: #363636; }
-.nav-placeholder { width: 60rpx; }
-.top-banner { padding: 20rpx 24rpx 0; }
-.banner-img { width: 100%; height: 280rpx; border-radius: 20rpx; }
-.form-section { padding: 10rpx 24rpx 0; }
-.form-group { margin-bottom: 24rpx; }
-.form-label { font-size: 30rpx; color: #333333; font-weight: bold; display: block; margin-bottom: 16rpx; }
-.input-box {
-	background-color: #ffffff; border-radius: 16rpx; padding: 0 24rpx; height: 88rpx; display: flex; align-items: center;
-}
-.input-box input { width: 100%; height: 100%; font-size: 28rpx; color: #333; }
-.textarea-box { height: 240rpx; padding: 20rpx 24rpx; align-items: flex-start; }
-.textarea-box textarea { width: 100%; height: 100%; font-size: 28rpx; color: #333; }
-.form-tip { font-size: 24rpx; color: #999999; margin-top: 12rpx; display: block; text-align: center; }
-.submit-section { padding: 20rpx 24rpx; padding-bottom: calc(20rpx + env(safe-area-inset-bottom)); }
-.pay-amount { font-size: 32rpx; color: #e64340; font-weight: bold; display: block; text-align: center; margin-bottom: 20rpx; }
-.submit-btn {
-	width: 100%; height: 96rpx; line-height: 96rpx; background: #FAD146; color: #ffffff;
-	font-size: 32rpx; font-weight: bold; border-radius: 10rpx; border: none; text-align: center;
-}
-.submit-btn[disabled] { opacity: 0.6; }
-</style>
+	.order-page {
+		padding-bottom: 40rpx;
+		background-color: #f5f5f5;
+		min-height: 100vh;
+	}
+
+	.custom-navbar {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		z-index: 999;
+		background: #FFB700;
+	}
+
+	.navbar-content {
+		height: 44px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0 20rpx;
+	}
+
+	.nav-back {
+		width: 60rpx;
+		height: 60rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.back-icon {
+		width: 40rpx;
+		height: 40rpx;
+	}
+
+	.navbar-title {
+		font-size: 34rpx;
+		font-weight: bold;
+		color: #363636;
+	}
+
+	.nav-placeholder {
+		width: 60rpx;
+	}
+
+	.top-banner {
+		width: 100%;
+	}
+
+	.banner-img {
+		width: 100%;
+		height: 330rpx;
+	}
+
+	.form-section {
+		padding: 10rpx 24rpx 0;
+	}
+
+	.form-group {
+		margin-bottom: 24rpx;
+	}
+
+	.form-label {
+		font-size: 30rpx;
+		color: #333333;
+		font-weight: bold;
+		display: block;
+		margin-bottom: 16rpx;
+	}
+
+	.input-box {
+		background-color: #ffffff;
+		border-radius: 16rpx;
+		padding: 0 24rpx;
+		height: 88rpx;
+		display: flex;
+		align-items: center;
+	}
+
+	.input-box input {
+		width: 100%;
+		height: 100%;
+		font-size: 28rpx;
+		color: #333;
+	}
+
+	.textarea-box {
+		height: 240rpx;
+		padding: 20rpx 24rpx;
+		align-items: flex-start;
+	}
+
+	.textarea-box textarea {
+		width: 100%;
+		height: 100%;
+		font-size: 28rpx;
+		color: #333;
+	}
+
+	.form-tip {
+		font-size: 24rpx;
+		color: #999999;
+		margin-top: 12rpx;
+		display: block;
+		text-align: center;
+	}
+
+	.submit-section {
+		padding: 20rpx 24rpx;
+		padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
+	}
+
+	.pay-amount {
+		font-size: 32rpx;
+		color: #e64340;
+		font-weight: bold;
+		display: block;
+		text-align: center;
+		margin-bottom: 20rpx;
+	}
+
+	.submit-btn {
+		width: 100%;
+		height: 96rpx;
+		line-height: 96rpx;
+		background: #FAD146;
+		color: #ffffff;
+		font-size: 32rpx;
+		font-weight: bold;
+		border-radius: 10rpx;
+		border: none;
+		text-align: center;
+	}
+
+	.submit-btn[disabled] {
+		opacity: 0.6;
+	}
+</style>
\ No newline at end of file
diff --git a/miniapp/static/ic_address.png b/miniapp/static/ic_address.png
new file mode 100644
index 0000000000000000000000000000000000000000..729f4c089f44114cae0b26e697ca3b11ff0b2c13
GIT binary patch
literal 655
zcmV;A0&x9_P)<h;3K|Lk000e1NJLTq000&M000&U1^@s6#I$TX0006+Nkl<Zcmb4@
zziSg=7{?oPNiJKLphLkMI);!05*(B&^bg1&SkR$E2M31=jvWdr4&vbGAX4b4*j0j9
zP|*A)gQFBd!Leh4m&DJL-aUQa+?k~1`QH0H-{<>$@7}w&xwJCpuTrUOfH&1@^#uG4
za3UPom@~Q(Yg{N4))=fO5{YB5je!T80G@E*m>azpEqo**#^rK(-F4ls3~ol$QKE+S
zbFo<TW?PoA=XtK<ICVs8VA=4}>2w|QRdc{H&gF8?Xh!Z1w<y+Asnl~*q{h6{D{TM1
z*);Mm<npd}SS4q%gW2tTK7To6)fnOqaKUUGHJi;_-~hY^Hzt$G;jD<-$!4=#tkY0q
z?s$F5%v^@U;R7fiX!yRrr-hwd3rjVIh<q@f?6lwS|E6a}uh;u2J&UB^;q?2M#&S++
zp9jL#QmJ(HoH@(n>`L#fvaaf38vn8+LBa8R5~R9hGMUF(7zw-h6PBj&w~#bfp6nhc
zrVj1~_yi{>#FR~QjN8+MiyDtcqqo$tfzc*73~)161W8{#)VR~>{1}hN+CX=qVD_lh
zYJCrf)L4jQGWn40oJxK{4A}9mIb#_&8V&h?w-F4$vN7OX*W?JA1D3Hg*v>~0k}qS9
z)US2B-4E!kh!{&(giO@Pt^YV`Gko6bmS{~f%wvtEDFZS{9&64!-D$Vm@94+Ie~m>Q
z49ahXlnOrZE~n@~iI`-rvFQ0Vdxg;>$p!3UkMHnO@_ATjEW;SRVBN=bpItm9Ul{)Y
p009602U*CK00006Nkl<Z0|2`N%V}aa%hdn?002ovPDHLkV1lnNJq!Q<

literal 0
HcmV?d00001

diff --git a/miniapp/static/ic_courier.png b/miniapp/static/ic_courier.png
new file mode 100644
index 0000000000000000000000000000000000000000..7410e38ed8e1974aec879b093fe310804c5ac936
GIT binary patch
literal 7399
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
Z{{WlN0Cn{SYG(id002ovPDHLkV1oT5#}@zq

literal 0
HcmV?d00001

diff --git a/miniapp/static/ic_delicacy.png b/miniapp/static/ic_delicacy.png
new file mode 100644
index 0000000000000000000000000000000000000000..75941ad9927980c23411ca6441e7f5d589139254
GIT binary patch
literal 765
zcmV<Z0s{SsP)<h;3K|Lk000e1NJLTq000&M000^Y1^@s6vv#aN0008ANkl<ZcmceW
zOKX!s6o$X1X&Xu!1VhZCV8D$;i3zzb1OqB`=~5A)U<)o>`ZM|iT(~GyXoW&ILR}Q9
zsEZ_oRLBpAkVPexEE0nRllZ)o3%Pu18q_dv&SlPd=gj$L#$o-V-~T0!Mx)+%JboAq
z2Ho0FB9S=2z9t)am`o-w$&bE6Y*P9-Y%6v+9IJD4b8Bw5`${k29(HVbc{zYw>vTGP
z`O)vs&(B|#J`P)Af^GqgGS%LY0$CZNGwH2XD=Z1h_-`U7hAlA!PuuPGem0x^stl6%
zDwWE|TrPKtzQvBd%MYFtyRH_Yj|^L4lD#B+P$cA^AlmZze7jVCfNz@xULh?OSB!IM
zY3ZWuVb~HAun$gv6%L0lu+VFe7VsU(hqP#kT5(jZR=>y|hAlA_ZGv|SbUK~4k$$R+
zL7ZYIethN|6bgmU#N92GO8wRl+8wsU-Kp+BU;T$Ps%tfy&2Q3y6a04kk(f$dVpv#M
z$kEG!bgG`6I1~!4asiGZ*%KL+dj;w8X^vh8WZS{EVkNj-uJ;h6k(S5fu~t@A45Z7a
zxy8lBW5rHIoKB~mB<zwH;O1Fu-$EbcN|#S_=mEttInkPliW`l_V**oLUyH4y+7Hbs
zhS?PF#Y5!Cm>}jzJ>fW6!bqfzp%{S+^lW^3gjoGzdttUW9`{RIvE*EjL?V}mgGPv1
zJ*r8h#8l|V(whFmWby{Y93MX`Z^&D(*R5KuHWd`B9JQnWP8(Z)J?uc7MnB<FoD0eU
zG4jlrN4HGHy=w39;Wl{9BC|lbDvTG<ymW?`mCSp<N_~ks+u*pGGi`|T`TQ9xzGcO2
zRxHc{a$mslrdTYRC)5!4YJ0$h-r=5kK0)qFKHz#kYe3AqdI}!R(qH9}yP3&kOtm5(
v5X<<R_z3_2|Nj+jis1kN00v1!K~w_(f!2gXMBOWN00000NkvXXu0mjfdM;qF

literal 0
HcmV?d00001