Style：UI优化

pkg_product/views/housekeeperDetail.vue

@@ -49,7 +49,7 @@
           {{ record.intro }}
         </view>
         <view class="v12-mt-3 service-wrap v12-pa-3">
-          <view>
+          <view class="title-wrap" style="padding-left: 12rpx;">
             <text class="v12-font-30 v12-font-bold">金牌管家</text>
             <text class="v12-font-24" style="color: #666">/ 服务保障</text>
           </view>
@@ -60,9 +60,11 @@
         <view class="v12-mt-3">
           <view class="v12-font-bold v12-font-32 v12-dark-text">TA能帮你</view>
           <view class="v12-pa-3 icon-grid">
-            <view v-for="item in 8" :key="item" class="service-icon-item">
-              <view class="service-icon"></view>
-              <view class="v12-font-24 v12-mt-2 v12-weight-500">设计行程</view>
+            <view v-for="(item, index) in record.travelStewardServiceList" :key="index" class="service-icon-item">
+              <view class="service-icon">
+                <u-icon :name="item.serviceIcon" size="30"></u-icon>
+              </view>
+              <view class="v12-font-24 v12-mt-2 v12-weight-500">{{ item.serviceName }}</view>
             </view>
           </view>
         </view>
@@ -275,6 +277,9 @@ export default {
   height: 88rpx;
   background: #FADE9F;
   border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .icon-grid{
   display: grid;
@@ -306,4 +311,17 @@ export default {
   align-items: center;
   justify-content: center;
 }
+.title-wrap{
+  position: relative;
+  &::after{
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 6rpx;
+    height: 80%;
+    border-radius: 10rpx;
+    background: #CE4852;
+  }
+}
 </style>