修改样式

pages/guidecar/order-commit.vue

@@ -20,17 +20,19 @@
             <view class="right-box">
               <view class="good-info">
                 <view class="good-name">{{x.GoodsName}}</view>
-                <view class="good-attr">
+				<view style="display: flex;align-items: center;font-size:12px;margin-top:5px;">
+					<text style="margin-right:5px;" v-if="x.CarName">车辆：<text>{{x.CarName}}</text></text>
+					<text v-if="x.CarColorName">
 						<u-tag v-if="x.CarColorName"
 						  size="mini"
 						  :text="x.CarColorName"
 						  type="warning"
 						/>
-                </view>
-				<view style="display: flex;align-items: center;font-size:12px;">
-					<text style="margin-right:5px;" v-if="x.CarName">车辆：<text>{{x.CarName}}</text></text>
+					</text>
 					<text style="margin-right:5px;" v-if="x.CarBrandName">品牌：<text>{{x.CarBrandName}}</text></text>
-					导游：<u-avatar mode="circle" style="margin-top:5px;" :size="50" :src="x.GuidePhoto"></u-avatar>
+				</view>
+				<view style="font-size:12px;display:flex;align-items: center;margin-top:5px;">
+					导游：<u-avatar mode="circle" :size="50" :src="x.GuidePhoto"></u-avatar>
 					<text>{{x.GuideName}}</text>
 				</view>
               </view>
@@ -270,7 +272,6 @@ export default {
   -webkit-line-clamp: 2;
   line-clamp: 2;
   -webkit-box-orient: vertical;
-  margin-bottom: 5px;
 }
 .commit-box .good-list .good-item .right-box .good-info .good-attr {
   text-align: left;