|
@@ -1,7 +1,6 @@
|
|
|
<template>
|
|
|
- <div class="">
|
|
|
- <!-- <Navbar :title="`${menuName ?? ''}精品旅游`" /> -->
|
|
|
- <div v-if="filterList.length" class="sticky top-60 z-50 bg-white w-full border-t">
|
|
|
+ <div>
|
|
|
+ <div v-if="filterList.length" class="sticky top-50 z-50 bg-white w-full border-t">
|
|
|
<van-dropdown-menu active-color="#FF9300" ref="dropDownMenuRef">
|
|
|
<van-dropdown-item @closed="onAreaFilterClose" :title="areaFilterTitle" ref="itemRef">
|
|
|
<van-tree-select @click-nav="handleAreaClick" @click-item="handleFilterClick" v-model:active-id="activeId"
|
|
@@ -12,12 +11,11 @@
|
|
|
</van-dropdown-menu>
|
|
|
</div>
|
|
|
<div class="px-10 pt-20">
|
|
|
- <van-list v-if="dataList.length" v-model:loading="loading" :immediate-check="false" :finished="finished"
|
|
|
- finished-text="" @load="loadMore">
|
|
|
+ <van-list v-if="dataList.length" v-model:loading="loading" :immediate-check="false" :finished="finished" loading-text="加载中..." error-text="获取失败" @load="loadMore">
|
|
|
<template v-for="itemData in dataList">
|
|
|
<NuxtLink class="group flex relative cursor-pointer bg-white pb-10 mb-20" :to="`/yj/${itemData.id}`">
|
|
|
<div class="aspect-[120/80] h-80 shrink-0 rounded overflow-hidden bg-[#ddd]">
|
|
|
- <img :src="itemData.tourismUrl" class="w-full h-full rounded object-cover" alt="" srcset="" />
|
|
|
+ <img v-if="Array.isArray(itemData?.tourismUrlsAfterConvert)" :src="itemData?.tourismUrlsAfterConvert[0]" class="w-full h-full rounded object-cover" alt="" srcset="" />
|
|
|
</div>
|
|
|
<div class="h-80 pl-[5px] flex flex-col text-[#FD9A00] justify-between w-[calc(100%-120px)]">
|
|
|
<div class="truncate w-full text-[14px] ">
|
|
@@ -89,7 +87,7 @@ function onAreaFilterClose() { areaIndex.value = activeIndex.value }
|
|
|
const pageNum = ref(1)
|
|
|
const pageSize = ref(10)
|
|
|
const dataList = ref([])
|
|
|
-const loading = ref(false)
|
|
|
+const loading = ref(true)
|
|
|
const finished = ref(false)
|
|
|
// 是否原创 0 全部 1 原创
|
|
|
const travelWriteType = ref(0)
|