fix: 甲方小程序

zhengyiming

2 天以前 4659ec0d8cf62f89f2d0edd2e169e4bcd022f0d1

 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;
    }
  }