|
@@ -42,7 +42,11 @@ onMounted(async () => {
|
|
<view class="flex-grow flex flex-col">
|
|
<view class="flex-grow flex flex-col">
|
|
<NavbarEvo transparent dark></NavbarEvo>
|
|
<NavbarEvo transparent dark></NavbarEvo>
|
|
<view class="bg-black w-full aspect-[1.26/1]">
|
|
<view class="bg-black w-full aspect-[1.26/1]">
|
|
- <ImageEvo :src="currentStudyTour?.bannerUrl"></ImageEvo>
|
|
|
|
|
|
+<!-- <ImageEvo :src="currentStudyTour?.bannerUrl"></ImageEvo>-->
|
|
|
|
+ <div
|
|
|
|
+ class="w-full h-full bg-[length:100%_auto]"
|
|
|
|
+ :style="{ backgroundImage: `url(${currentStudyTour?.bannerUrl})` }"
|
|
|
|
+ ></div>
|
|
<div
|
|
<div
|
|
class="aspect-[4.17/1] bg-gradient-to-t from-black to-black/0 absolute left-0 bottom-0 w-full flex items-center"
|
|
class="aspect-[4.17/1] bg-gradient-to-t from-black to-black/0 absolute left-0 bottom-0 w-full flex items-center"
|
|
></div>
|
|
></div>
|
|
@@ -80,62 +84,58 @@ onMounted(async () => {
|
|
v-for="(item, itemIndex) in schedules?.[dayjs().format('YYYY-MM-DD')]"
|
|
v-for="(item, itemIndex) in schedules?.[dayjs().format('YYYY-MM-DD')]"
|
|
:key="itemIndex"
|
|
:key="itemIndex"
|
|
>
|
|
>
|
|
- <view class="grid grid-gap-2 mt-8" style="margin-left: -40px;">
|
|
|
|
- <view class="col-start-1 row-start-1 flex items-center justify-center" style="margin-left: -40px;">
|
|
|
|
- <view
|
|
|
|
- class="w-[30px] h-[27px] bg-[#f6f6f6] rounded-full flex justify-center items-center"
|
|
|
|
- >
|
|
|
|
|
|
+ <view class="flex flex-col mt-8">
|
|
|
|
+ <!-- 左侧图标 -->
|
|
|
|
+ <view class="flex items-center">
|
|
|
|
+ <view class="w-[30px] h-[30px] bg-[#f6f6f6] rounded-full flex justify-center items-center">
|
|
<wd-img width="16" height="16" :src="map"></wd-img>
|
|
<wd-img width="16" height="16" :src="map"></wd-img>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- <view class="col-start-2 row-start-1 flex">
|
|
|
|
- <div
|
|
|
|
- class="text-black/90 text-base font-normal font-['PingFang_SC'] leading-normal mr-5"
|
|
|
|
- >
|
|
|
|
|
|
+ <div class="ml-3 text-black/90 text-base font-normal">
|
|
{{ dayjs(item?.travelTime).format('HH:mm') }}
|
|
{{ dayjs(item?.travelTime).format('HH:mm') }}
|
|
</div>
|
|
</div>
|
|
- <div class="text-black/90 text-base font-normal font-['PingFang_SC'] leading-normal">
|
|
|
|
|
|
+ <div class="ml-10 mt-1 text-black/90 text-base font-normal">
|
|
{{ item.title }}
|
|
{{ item.title }}
|
|
</div>
|
|
</div>
|
|
</view>
|
|
</view>
|
|
- <view
|
|
|
|
- class="col-start-2 row-start-2 border-b border-black/10 pb-5"
|
|
|
|
- :class="`${itemIndex < (schedules?.[dayjs().format('YYYY-MM-DD')] || []).length - 1 ? 'border-b-solid' : ''}`"
|
|
|
|
- >
|
|
|
|
- <div class="">
|
|
|
|
- <span class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-[23px]">
|
|
|
|
- 行程介绍:
|
|
|
|
- </span>
|
|
|
|
- <span class="text-black/40 text-sm font-normal font-['PingFang_SC'] leading-[23px]">
|
|
|
|
- {{ item.travelDesc }}
|
|
|
|
- </span>
|
|
|
|
- </div>
|
|
|
|
- <template v-if="item.clockExplainUrl">
|
|
|
|
- <view class="flex items-center my-4">
|
|
|
|
- <wd-img width="16" height="16" :src="camera"></wd-img>
|
|
|
|
- <div
|
|
|
|
- class="ml-1 text-black/90 text-xs font-normal font-['PingFang_SC'] leading-normal"
|
|
|
|
- >
|
|
|
|
- 打卡示例
|
|
|
|
- </div>
|
|
|
|
- </view>
|
|
|
|
- <wd-img
|
|
|
|
- v-if="(item.clockExplainUrl ?? '') !== ''"
|
|
|
|
- width="100%"
|
|
|
|
- custom-class="rounded-2xl overflow-hidden"
|
|
|
|
- :src="item.clockExplainUrl"
|
|
|
|
- mode="widthFix"
|
|
|
|
- enable-preview
|
|
|
|
- ></wd-img>
|
|
|
|
- <div
|
|
|
|
- class="mt-2.5 text-black/40 text-xs font-normal font-['PingFang_SC'] leading-normal"
|
|
|
|
- >
|
|
|
|
- {{ item.clockExplainDesc }}
|
|
|
|
- </div>
|
|
|
|
- </template>
|
|
|
|
|
|
+
|
|
|
|
+ <!-- 标题 -->
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <!-- 描述 -->
|
|
|
|
+ <view class="ml-10 mt-2 border-b border-black/10 pb-5">
|
|
|
|
+ <span class="text-black/60 text-sm font-normal">
|
|
|
|
+ 行程介绍:
|
|
|
|
+ </span>
|
|
|
|
+ <span class="text-black/40 text-sm font-normal">
|
|
|
|
+ {{ item.travelDesc }}
|
|
|
|
+ </span>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
|
|
+ <!-- 打卡示例 -->
|
|
|
|
+ <template v-if="item.clockExplainUrl">
|
|
|
|
+ <view class="flex items-center mt-4 ml-10">
|
|
|
|
+ <wd-img width="16" height="16" :src="camera"></wd-img>
|
|
|
|
+ <div class="ml-1 text-black/90 text-xs font-normal">
|
|
|
|
+ 打卡示例
|
|
|
|
+ </div>
|
|
|
|
+ </view>
|
|
|
|
+ <wd-img
|
|
|
|
+ v-if="(item.clockExplainUrl ?? '') !== ''"
|
|
|
|
+ width="100%"
|
|
|
|
+ custom-class="rounded-2xl overflow-hidden mt-4"
|
|
|
|
+ :src="item.clockExplainUrl"
|
|
|
|
+ mode="widthFix"
|
|
|
|
+ enable-preview
|
|
|
|
+ ></wd-img>
|
|
|
|
+ <div
|
|
|
|
+ class="mt-2.5 ml-10 text-black/40 text-xs font-normal"
|
|
|
|
+ >
|
|
|
|
+ {{ item.clockExplainDesc }}
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</div>
|
|
</div>
|
|
<BottomAppBar fixed placeholder>
|
|
<BottomAppBar fixed placeholder>
|
|
@@ -153,7 +153,7 @@ onMounted(async () => {
|
|
</div> -->
|
|
</div> -->
|
|
<view class="flex-1"></view>
|
|
<view class="flex-1"></view>
|
|
<view>
|
|
<view>
|
|
- <ButtonEvo size="lg" @click="router.push('/pages/publish/moment/index')">
|
|
|
|
|
|
+ <ButtonEvo size="lg" @click="router.push('/pages/publish/moment/index?circleType=1')">
|
|
发圈子
|
|
发圈子
|
|
</ButtonEvo>
|
|
</ButtonEvo>
|
|
</view>
|
|
</view>
|