|
@@ -1,72 +0,0 @@
|
|
|
-<template>
|
|
|
- <div>
|
|
|
- <Navbar title="产品详情" />
|
|
|
- {{ pending }}
|
|
|
- <!-- <TravelDetailBanner :banner-list="bannerList" />
|
|
|
- <div class="px-10 pt-10 pb-100">
|
|
|
- <div class="text-base text-black-3 font-semibold">
|
|
|
- {{ detailData?.projectTitle }}
|
|
|
- </div>
|
|
|
- <div class="mt-5 flex items-center">
|
|
|
- <div
|
|
|
- v-for="item in lableList"
|
|
|
- :key="item"
|
|
|
- class="flex h-18 items-center justify-center rounded-sm border border-[#FD9A00] px-8 text-sm text-[#FD9A00]"
|
|
|
- >
|
|
|
- {{ item }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="mt-10 flex items-center space-x-8 text-sm text-[#666666B2]">
|
|
|
- <span>{{ detailData?.startPlace }}出发</span>
|
|
|
- <div class="h-10 w-1 bg-[#DDDDDD]"></div>
|
|
|
- <span>{{ detailData?.countTimes }}</span>
|
|
|
- </div>
|
|
|
- <div class="flex items-center mt-10">
|
|
|
- <div v-if="detailData?.price" class="text-sm text-[#ff0000]">
|
|
|
- <span>¥</span>
|
|
|
- <span class="text-4xl font-semibold">{{ detailData.price }}</span>
|
|
|
- <span>起</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="text-base mt-15">
|
|
|
- <TravelDetailTabs @change="handleTabsChange" />
|
|
|
- <div v-if="currentTab === 0">
|
|
|
- <div v-html="detailData.tourismContent?.content"></div>
|
|
|
- </div>
|
|
|
- <div v-else-if="currentTab === 1">
|
|
|
- <div v-html="detailData.tourismContent?.costDescription"></div>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <div v-html="detailData.tourismContent?.bookingNotice"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div
|
|
|
- class="fixed z-[999] bottom-0 w-full right-0 left-0 h-60 border-t flex items-center justify-center px-20 bg-white"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="h-44 bg-gradient-to-r rounded-lg from-[#ff6330] text-white flex items-center justify-center to-[#fe8c2c] w-full"
|
|
|
- @click="handleBook"
|
|
|
- >
|
|
|
- 立即预定
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="van-safe-area-bottom"></div> -->
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script setup>
|
|
|
-const id = useRouteParam("id");
|
|
|
-const { data: detailData, status } = useMyFetch(
|
|
|
- `website/tourism/project/detail?id=${id.value}`
|
|
|
-);
|
|
|
-
|
|
|
-const lableList = computed(() => {
|
|
|
- return detailData.value?.projectLabel?.split("&") ?? [];
|
|
|
-});
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="scss" scoped></style>
|