| | |
| | | <div class="workDetailContainer"> |
| | | <div class="detailTop"> |
| | | <div class="image-container"> |
| | | <van-swipe class="detailSwipe" :autoplay="3000" indicator-color="#4C85FF"> |
| | | <van-swipe :autoplay="3000" indicator-color="#4C85FF"> |
| | | <van-swipe-item v-for="(img, index) in getImageList" :key="index"> |
| | | <van-image class="detailImage" :src="img" fit="cover" width="100%" height="235px" |
| | | @click="openPreview(index)" preview-visible="false" /> |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import {getSharingDetailsApi} from '@/api/work/index' |
| | | import { showToast, showNotify, showImagePreview } from 'vant' |
| | | import { getShowImg, getSmallImg } from '@/utils/util' |
| | | import { useRoute,useRouter } from 'vue-router' |
| | | |
| | | const keyword = ref('') |
| | | const route = useRoute() |
| | | const router = useRouter() |
| | | |
| | |
| | | } |
| | | |
| | | onMounted(async () => { |
| | | workDetailData.value = JSON.parse(route.query.workDetailData) |
| | | keyword.value = JSON.parse(route.query.workDetailData) |
| | | try { |
| | | const res = await getSharingDetailsApi({ cacheKey: keyword.value }) |
| | | workDetailData.value = res.data.data |
| | | } catch (error) { |
| | | showToast('分享链接失效') |
| | | } |
| | | |
| | | }) |
| | | </script> |
| | | <style lang="scss" scoped> |
| | |
| | | .image-container { |
| | | position: relative; |
| | | width: 100%; |
| | | // height: 205px; |
| | | |
| | | .detailImage { |
| | | width: 100%; |
| | | height: 100%; |
| | |
| | | |
| | | .worderContainer { |
| | | padding: 0 12px; |
| | | padding-bottom: 2px; |
| | | // padding-bottom: 2px; |
| | | background: #f6f6f6; |
| | | } |
| | | |
| | |
| | | margin-top: 15px; |
| | | background-color: #fff; |
| | | border-radius: 6px; |
| | | padding: 10px; |
| | | padding: 8px 10px; |
| | | margin-bottom: 17px; |
| | | |
| | | .workOrderTitle { |