|
|
|
|
@@ -3,7 +3,7 @@
|
|
|
|
|
<!-- 主景区 -->
|
|
|
|
|
<view
|
|
|
|
|
v-if="panoramaMainCards.length > 0"
|
|
|
|
|
class="relative h-[158px] w-full overflow-hidden rounded-[18px] bg-[#17463d]"
|
|
|
|
|
class="relative h-[162px] w-full overflow-hidden rounded-[18px] bg-[#17463d] border border-white"
|
|
|
|
|
hover-class="opacity-90"
|
|
|
|
|
hover-stay-time="80"
|
|
|
|
|
@tap="handleCardTap(panoramaMainCards[0])"
|
|
|
|
|
@@ -24,8 +24,8 @@
|
|
|
|
|
</text>
|
|
|
|
|
|
|
|
|
|
<view class="mt-[15px] flex h-[36px] items-center rounded-full bg-white/95 px-[16px]">
|
|
|
|
|
<text class="text-[14px] font-semibold text-[#149474]">开始探索</text>
|
|
|
|
|
<text class="ml-[9px] text-[22px] leading-none text-[#149474]">→</text>
|
|
|
|
|
<text class="text-[14px] font-semibold text-[#149474] mr-[4px]">开始探索</text>
|
|
|
|
|
<uni-icons type="arrow-right" size="16" color="#149474" />
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
@@ -33,7 +33,9 @@
|
|
|
|
|
v-if="panoramaMainCards[0].locationName"
|
|
|
|
|
class="absolute bottom-[14px] right-[14px] flex h-[28px] items-center rounded-full border border-white/35 bg-black/20 px-[10px]"
|
|
|
|
|
>
|
|
|
|
|
<text class="mr-[5px] text-[13px] leading-none text-white">⌖</text>
|
|
|
|
|
<view class="mr-[5px] flex items-center">
|
|
|
|
|
<uni-icons type="location" size="15" color="#FFFFFF" />
|
|
|
|
|
</view>
|
|
|
|
|
<text class="text-[11px] text-white/90">{{ panoramaMainCards[0].locationName }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
@@ -45,7 +47,7 @@
|
|
|
|
|
>
|
|
|
|
|
<view
|
|
|
|
|
v-if="panoramaOtherCards.length > 0"
|
|
|
|
|
class="relative col-span-6 row-span-2 min-h-0 overflow-hidden rounded-[18px] bg-[#173a34]"
|
|
|
|
|
class="relative col-span-6 row-span-2 min-h-0 overflow-hidden rounded-[18px] bg-[#173a34] border border-white"
|
|
|
|
|
hover-class="opacity-90"
|
|
|
|
|
hover-stay-time="80"
|
|
|
|
|
@tap="handleCardTap(activeOtherCard)"
|
|
|
|
|
@@ -80,8 +82,8 @@
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="pointer-events-none absolute bottom-[16px] left-[16px] flex h-[46px] w-[46px] items-center justify-center rounded-full border border-white/20 bg-[#25a98f]/85">
|
|
|
|
|
<text class="text-[27px] font-light leading-none text-white">→</text>
|
|
|
|
|
<view class="pointer-events-none absolute bottom-[16px] left-[16px] flex h-[46px] w-[46px] items-center justify-center rounded-full border border-[#149474] bg-[rgba(0,0,0,0.3)]">
|
|
|
|
|
<uni-icons type="arrow-right" size="22" color="#FFFFFF" />
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view
|
|
|
|
|
@@ -101,7 +103,7 @@
|
|
|
|
|
<view
|
|
|
|
|
v-for="(card, cardIndex) in fineFoodCards"
|
|
|
|
|
:key="card.homePageId || cardIndex"
|
|
|
|
|
class="relative col-span-6 aspect-video min-h-0 overflow-hidden rounded-[18px] bg-[#173a34]"
|
|
|
|
|
class="relative col-span-6 h-[130px] min-h-0 overflow-hidden rounded-[18px] bg-[#173a34] border border-white"
|
|
|
|
|
hover-class="opacity-90"
|
|
|
|
|
hover-stay-time="80"
|
|
|
|
|
@tap="handleCardTap(card)"
|
|
|
|
|
@@ -119,8 +121,8 @@
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="pointer-events-none absolute bottom-[10px] left-[12px] flex h-[30px] w-[30px] items-center justify-center rounded-full border border-white/20 bg-[#9b7545]/80">
|
|
|
|
|
<text class="text-[20px] font-light leading-none text-white">→</text>
|
|
|
|
|
<view class="pointer-events-none absolute bottom-[10px] left-[12px] flex h-[46px] w-[46px] items-center justify-center rounded-full border border-white/20 bg-[rgba(0,0,0,0.3)]">
|
|
|
|
|
<uni-icons type="arrow-right" size="22" color="#FFFFFF" />
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|