From 34b86673ec8fd29680a7679d3d8a597351a63f60 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期四, 25 十二月 2025 14:01:53 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp
---
apps/housekeepingMiniApp/src/subpackages/sercice/serciceDetail/serciceDetail.vue | 41 +++++++++++++++++++++++------------------
1 files changed, 23 insertions(+), 18 deletions(-)
diff --git a/apps/housekeepingMiniApp/src/subpackages/sercice/serciceDetail/serciceDetail.vue b/apps/housekeepingMiniApp/src/subpackages/sercice/serciceDetail/serciceDetail.vue
index 13fc4df..d60a795 100644
--- a/apps/housekeepingMiniApp/src/subpackages/sercice/serciceDetail/serciceDetail.vue
+++ b/apps/housekeepingMiniApp/src/subpackages/sercice/serciceDetail/serciceDetail.vue
@@ -10,24 +10,25 @@
scrollViewClassName="common-infinite-scroll-list-no-padding"
>
<div class="serciceDetail-top-view">
- <nut-swiper
- :auto-play="3000"
- v-if="detail?.files?.length > 0"
- class="serciceDetail-swiper"
- >
- <nut-swiper-item
- v-for="(item, index) in detail.files"
- :key="item"
- class="serciceDetail-swiper-item"
+ <SquareView>
+ <nut-swiper
+ :auto-play="3000"
+ v-if="detail?.files?.length > 0"
+ class="serciceDetail-swiper"
>
- <img
- :src="setOSSLink(item)"
- class="serciceDetail-swiper-item-img"
- draggable="false"
- />
- </nut-swiper-item>
- </nut-swiper>
-
+ <nut-swiper-item
+ v-for="(item, index) in detail.files"
+ :key="item"
+ class="serciceDetail-swiper-item"
+ >
+ <img
+ :src="setOSSLink(item)"
+ class="serciceDetail-swiper-item-img"
+ draggable="false"
+ />
+ </nut-swiper-item>
+ </nut-swiper>
+ </SquareView>
<div class="serciceDetail-top-view-title-wrapper">
<div class="serciceDetail-price-wrapper">
<div class="serciceDetail-price">{{ toThousand(minPrice) }}</div>
@@ -102,6 +103,7 @@
ListItem,
ProTabs,
ProTabPane,
+ SquareView,
} from '@12333/components';
import { useAccessLogin } from '@/hooks';
import IconShare from '@/assets/flexJob/icon-share.png';
@@ -236,12 +238,15 @@
.serciceDetail-page-wrapper {
.serciceDetail-swiper {
- height: 640px;
+ width: 100%;
+ height: 100%;
.serciceDetail-swiper-item-img {
width: 100%;
height: 100%;
object-fit: cover;
+ /* 鍙�夛細璋冩暣鍥剧墖瑁佸壀鐨勫榻愭柟寮忥紙榛樿灞呬腑锛� */
+ object-position: center center;
}
}
--
Gitblit v1.10.0