fix css

src/pages/my/my.vue

@@ -64,8 +64,11 @@ const getMemberProfileData = async () => {
   const res = await getMemberProfileAPI()
   isLoading.value = false
   const obj = res.data
-  const arr = (obj.headIcon && JSON.parse(obj.headIcon)) || []
+  let imgUrl = ''
-  const imgUrl = serviceDomain + arr[0]?.url
+  if (obj.headIcon) {
+    const arr = JSON.parse(obj.headIcon)
+    imgUrl = serviceDomain + arr[0]?.url
+  }
   avatar.value = imgUrl
   nickName.value = obj.nickName
   banlance.value = obj.banlance

src/pages/orderDetail/orderDetail.vue

@@ -75,10 +75,13 @@ const handleCancleOrder = () => {
         </view>
         <view class="module">
           <view class="title">订单编号：{{ order.orderNumber }}</view>
+          <view class="detail-title">回收品类：</view>
           <view class="order-details">
             <view class="detail-item" v-for="item in order.orderDetails" :key="item.id">
+              <view class="product-info">
                 <image class="img-url" :src="item.imgUrl"></image>
-              <view class="product-name">{{ item.product.name }}</view>
+                <view class="name">{{ item.product.name }}</view>
+              </view>
               <template v-if="order.orderStatus.code == '520193049964319045'">
                 <view class="recovery-price">实际价格：{{ item.actualRecoveryPrice }}元</view>
                 <view class="recovery-weight">实际重量：{{ item.productActualWeight }}千克</view>
@@ -184,31 +187,39 @@ page {
         padding: 10rpx;
         border-bottom: 2rpx solid #F2F2F2;
       }
+      .detail-title {
+        font-size: 28rpx;
+        margin: 20rpx 0;
+      }
       .order-details {
+        margin: 20rpx;
         .detail-item {
-          margin: 20rpx 0;
+          margin: 30rpx 0;
-          display: flex;
+          // display: flex;
-          align-items: center;
+          // align-items: center;
           font-size: 28rpx;
           color: #3D3D3D;
+          .product-info {
+            display: flex;
+            align-items: center;
             .img-url {
               width: 40rpx;
               height: 40rpx;
               margin-right: 20rpx;
             }
-          .product-name {
+            .name {
               font-size: 28rpx;
               color: #3D3D3D;
             }
+          }
           .recovery-price {
             font-size: 28rpx;
             color: #3D3D3D;
-            margin: 0rpx 20rpx;
+            margin: 10rpx;
           }
           .recovery-weight {
             font-size: 28rpx;
             color: #3D3D3D;
-            margin: 0rpx 20rpx;
           }
         }
       }