From c09bc37034ae3d4fc64684fe7b03ee7cd72c8601 Mon Sep 17 00:00:00 2001
From: huliyong <2783385703@qq.com>
Date: Sun, 18 May 2025 21:28:04 +0800
Subject: [PATCH] =?UTF-8?q?refactor(serviceNew.vue):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E8=AE=A2=E5=8D=95=E7=B1=BB=E5=9E=8B=E9=80=89=E6=8B=A9=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E7=9A=84=E5=B8=83=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

调整了订单类型选择部分的HTML结构和CSS样式，使布局更加清晰和一致。主要修改包括：
1. 将图片元素移动到标题容器内
2. 调整子标题的位置
3. 修改CSS样式，使用flex布局并明确对齐方式
---
 pages/newOrder/serviceNew.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/pages/newOrder/serviceNew.vue b/pages/newOrder/serviceNew.vue
index 7e4616d..e4f55e7 100644
--- a/pages/newOrder/serviceNew.vue
+++ b/pages/newOrder/serviceNew.vue
@@ -31,15 +31,15 @@
 
         <view class="order-type-select" v-if="buyInfo.teacher">
             <view class="order-type-title order-type-title-custom">
-                <image style="width: 40rpx; height: 40rpx; margin-right: 10rpx;" src="https://catmdogf.oss-cn-shanghai.aliyuncs.com/CMDF/front/petServiceOrder/OrderIcon.png"></image>
                 <view class="order-type-title-main">
+					<image style="width: 40rpx; height: 40rpx; margin-right: 10rpx;" src="https://catmdogf.oss-cn-shanghai.aliyuncs.com/CMDF/front/petServiceOrder/OrderIcon.png"></image>
                     <view class="main-title">
                         下单方式：指定喂养员 - {{buyInfo.teacher.userName}}
                     </view>
-                    <view class="sub-title">
-                        （若伴宠师1小时内无响应或拒绝单则系统派单）
-                    </view>
                 </view>
+				<view class="sub-title">
+					（若伴宠师1小时内无响应或拒绝单则系统派单）
+				</view>
             </view>
         </view>
 		
@@ -594,17 +594,18 @@
 	}
 	.order-type-title-custom {
 		background-color: #FFF9F0;
-		display: flex;
-		align-items: flex-start;
 		font-size: 28rpx;
 		color: #333;
 		margin-bottom: 20rpx;
 		padding: 20rpx;
 		border-radius: 20rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start !important;
 	}
 	.order-type-title-main {
 		display: flex;
-		flex-direction: column;
+		align-items: flex-start;
 	}
 	.main-title {
 		font-size: 28rpx;