zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 景区首页调整

Browse Source
This commit is contained in:
zoujing
2026-07-30 21:19:58 +08:00
parent 7081420384
commit 6ee87bc57c
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages-service/tickets/components/TicketHome.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<view class="h-screen overflow-hidden bg-[#06111f] flex flex-col"> <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" /> <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%)]" /> <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> </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="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> <text class="mt-[7px] block text-[13px] text-white/85">{{ scenicSpot.level }}｜{{ scenicSpot.heritage }}</text>
<view class="mt-[10px] flex items-center"> <view class="mt-[10px] flex items-center">
@@ -42,7 +42,7 @@
</view> </view>
</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"> <view class="flex h-full min-h-0">
<scroll-view <scroll-view
class="h-full w-[96px] shrink-0 bg-white" class="h-full w-[96px] shrink-0 bg-white"