Feat:体验订单样式优化

pkg_product/views/experienceCouponOrderDetail.vue

@@ -2,8 +2,8 @@
   <view class="coupon-order-detail">
     <view class="status-banner" :class="{ 'completed': isCompleted || isExpired }">
       <view v-if="isCompleted">
-        <view class="status-text dark-text">已完成</view>
-        <view class="status-subtext">期待再次光临</view>
+        <view class="status-text v12-white-text">已完成</view>
+        <view class="status-subtext v12-white-text">期待再次光临</view>
       </view>
       <view v-else-if="isExpired">
         <view class="status-text dark-text">已过期</view>
@@ -39,10 +39,10 @@
       <view class="merchant-info">
         <view class="merchant-name-large">{{ orderInfo.experienceItemInfo && orderInfo.experienceItemInfo.themeName ? orderInfo.experienceItemInfo.themeName : '' }}</view>
         <view class="merchant-time one-t" v-if="formattedBusinessTime">营业时间：{{ formattedBusinessTime }}</view>
-        <view class="merchant-location-wrap">
+        <view class="merchant-location-wrap one-t">
           <image :src="webUrl + '/orderIcon/map.png'" class="location-icon" />
           <text class="distance-text" v-if="distanceText">距该地{{ distanceText }}km</text>
-          <text class="address-text one-t">{{ orderInfo.address }}</text>
+          <text class="address-text">{{ orderInfo.address }}</text>
         </view>
       </view>
       <view class="merchant-actions">
@@ -92,7 +92,7 @@
 
     <view class="bottom-bar" v-if="isCompleted || isExpired">
       <view class="home-btn" @click="goHome">
-        <image :src="webUrl + '/orderIcon/home.png'" class="home-icon" />
+        <u-icon name="home" color="#C52733" size="38rpx"  class="home-icon"></u-icon>
         <text>返回主页</text>
       </view>
     </view>
@@ -419,7 +419,6 @@ export default {
   align-items: center;
   font-size: 24rpx;
   color: #999;
-  padding-right: 160rpx;
 }
 
 .location-icon {