Fix:5039 【商城小程序】订单详情页,体验店店铺营业时间、定位、导航和客服图标的位置需要调整

This commit is contained in:
LinCyJang
2026-03-30 20:43:43 +08:00
parent 3f55102301
commit 9234581c6e
@@ -39,6 +39,15 @@
<image :src="orderInfo.experienceItemInfo.themeImage " class="merchant-avatar" mode="aspectFill" />
<view class="merchant-info">
<view class="merchant-name-large">{{ orderInfo.merchantName }}</view>
<view class="merchant-time" v-if="formattedBusinessTime">营业时间{{ formattedBusinessTime }}</view>
<view class="merchant-actions">
<view class="action-btn" @click="openLocation">
<u-icon :name="webUrl + '/page/qianxian/icon-addr.png'" color="#fff" size="24"></u-icon>
</view>
<view class="action-btn" @click="callMerchant">
<u-icon :name="webUrl + '/page/qianxian/icon-phone.png'" color="#fff" size="24"></u-icon>
</view>
</view>
<view class="merchant-location-wrap one-t v12-mb-2">
<image :src="webUrl + '/orderIcon/map.png'" class="location-icon" />
<text class="distance-text" v-if="distanceText">距该地{{ distanceText }}km</text>
@@ -46,17 +55,6 @@
</view>
</view>
</view>
<view class="merchant-card-bottom">
<view class="merchant-time" v-if="formattedBusinessTime">营业时间{{ formattedBusinessTime }}</view>
<view class="merchant-actions">
<view class="action-btn" @click="openLocation">
<u-icon :name="webUrl + '/page/qianxian/icon-addr.png'" color="#fff" size="24"></u-icon>
</view>
<view class="action-btn" @click="callMerchant">
<u-icon :name="webUrl + '/page/qianxian/icon-phone.png'" color="#fff" size="24"></u-icon>
</view>
</view>
</view>
</view>
<view class="detail-section">
@@ -446,8 +444,8 @@ export default {
}
.merchant-avatar {
width: 140rpx;
height: 140rpx;
width: 220rpx;
height: 220rpx;
border-radius: 12rpx;
margin-right: 24rpx;
flex-shrink: 0;
@@ -515,6 +513,8 @@ export default {
flex-direction: row;
align-items: center;
flex-shrink: 0;
justify-content: flex-end;
margin: 20rpx 0;
}
.action-btn {