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

This commit is contained in:
LinCyJang
2026-03-30 20:43:43 +08:00
parent 3f55102301
commit 9234581c6e
@@ -39,14 +39,6 @@
<image :src="orderInfo.experienceItemInfo.themeImage " class="merchant-avatar" mode="aspectFill" /> <image :src="orderInfo.experienceItemInfo.themeImage " class="merchant-avatar" mode="aspectFill" />
<view class="merchant-info"> <view class="merchant-info">
<view class="merchant-name-large">{{ orderInfo.merchantName }}</view> <view class="merchant-name-large">{{ orderInfo.merchantName }}</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>
<text class="address-text">{{ orderInfo.address }}</text>
</view>
</view>
</view>
<view class="merchant-card-bottom">
<view class="merchant-time" v-if="formattedBusinessTime">营业时间:{{ formattedBusinessTime }}</view> <view class="merchant-time" v-if="formattedBusinessTime">营业时间:{{ formattedBusinessTime }}</view>
<view class="merchant-actions"> <view class="merchant-actions">
<view class="action-btn" @click="openLocation"> <view class="action-btn" @click="openLocation">
@@ -56,6 +48,12 @@
<u-icon :name="webUrl + '/page/qianxian/icon-phone.png'" color="#fff" size="24"></u-icon> <u-icon :name="webUrl + '/page/qianxian/icon-phone.png'" color="#fff" size="24"></u-icon>
</view> </view>
</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>
<text class="address-text">{{ orderInfo.address }}</text>
</view>
</view>
</view> </view>
</view> </view>
@@ -446,8 +444,8 @@ export default {
} }
.merchant-avatar { .merchant-avatar {
width: 140rpx; width: 220rpx;
height: 140rpx; height: 220rpx;
border-radius: 12rpx; border-radius: 12rpx;
margin-right: 24rpx; margin-right: 24rpx;
flex-shrink: 0; flex-shrink: 0;
@@ -515,6 +513,8 @@ export default {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
flex-shrink: 0; flex-shrink: 0;
justify-content: flex-end;
margin: 20rpx 0;
} }
.action-btn { .action-btn {