feat: 样式调整

src/pages-service/tickets/components/TicketHome.vue

@@ -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%)]" />
 
@@ -12,17 +12,17 @@
           back-icon-color="#ffffff"
           @back="emit('back')"
         />
-      </view>
-      <view class="absolute right-[100px] top-[calc(env(safe-area-inset-top)+58px)] z-30 flex items-center gap-[10px]">
-        <view class="flex h-[40px] w-[40px] items-center justify-center rounded-full bg-black/35 shadow-sm" @tap.stop="emit('open-travelers')">
-          <uni-icons type="contact" size="21" color="#FFFFFF" />
-        </view>
-        <view class="flex h-[40px] w-[40px] items-center justify-center rounded-full bg-black/35 shadow-sm" @tap.stop="emit('open-orders')">
-          <uni-icons type="list" size="21" color="#FFFFFF" />
+        <view class="mt-[8px] flex flex-col items-end gap-[10px] pr-[16px]">
+          <view class="flex h-[40px] w-[40px] items-center justify-center rounded-full bg-black/35 shadow-sm" @tap.stop="emit('open-travelers')">
+            <uni-icons type="contact" size="21" color="#FFFFFF" />
+          </view>
+          <view class="flex h-[40px] w-[40px] items-center justify-center rounded-full bg-black/35 shadow-sm" @tap.stop="emit('open-orders')">
+            <uni-icons type="list" size="21" color="#FFFFFF" />
+          </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="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"