feat: 景区首页调整

This commit is contained in:
2026-07-30 21:19:58 +08:00
parent 7081420384
commit 6ee87bc57c

View File

@@ -1,6 +1,6 @@
<template>
<view class="h-screen overflow-hidden bg-[#06111f] flex flex-col">
<view class="relative h-[43vh] shrink-0 overflow-hidden bg-[#173a34]">
<view class="relative z-0 h-[43vh] shrink-0 overflow-hidden bg-[#173a34]">
<image class="absolute inset-0 h-full w-full" :src="scenicSpot.heroImage" mode="aspectFill" />
<view class="absolute inset-0 bg-[linear-gradient(180deg,rgba(6,17,31,0.15)_18%,rgba(6,17,31,0.1)_45%,rgba(6,17,31,0.92)_100%)]" />
@@ -22,7 +22,7 @@
</view>
</view>
<view class="absolute bottom-[22px] left-[20px] right-[20px]">
<view class="absolute bottom-[42px] left-[20px] right-[20px]">
<text class="block text-[28px] font-bold leading-[1.2] text-white">{{ scenicSpot.name }}</text>
<text class="mt-[7px] block text-[13px] text-white/85">{{ scenicSpot.level }}{{ scenicSpot.heritage }}</text>
<view class="mt-[10px] flex items-center">
@@ -42,7 +42,7 @@
</view>
</view>
<view class="-mt-[16px] min-h-0 flex-1 overflow-hidden rounded-t-[22px] bg-white pt-[14px]">
<view class="relative z-10 -mt-[28px] min-h-0 flex-1 overflow-hidden rounded-t-[28px] bg-[#f4f6f8] shadow-[0_-8px_24px_rgba(6,17,31,0.12)]">
<view class="flex h-full min-h-0">
<scroll-view
class="h-full w-[96px] shrink-0 bg-white"