hookehuyr

style(ui): 优化首页头部背景图片和过渡效果

......@@ -6,7 +6,7 @@
<image
v-if="!headerImageError"
class="w-full h-full"
src="https://picsum.photos/seed/header/750/544"
src="https://cdn.ipadbiz.cn/manulife/images/iwEeAqNwbmcDAQTRBGUF0QMwBrBn6x1ac5y9nAllf7fKAXkAB9IHbb6MCAAJomltCgAL0gAYx7U.png"
mode="aspectFill"
@error="handleHeaderImageError"
/>
......@@ -21,6 +21,8 @@
</view>
<!-- 渐变遮罩始终显示 -->
<view class="absolute inset-0 bg-gradient-to-b from-blue-600/80 to-transparent"></view>
<!-- 底部过渡效果: 让图片底部平滑融入背景,增加模糊感 -->
<view class="absolute bottom-0 left-0 w-full h-[240rpx] bg-gradient-to-t from-[#F9FAFB] via-[#F9FAFB]/80 to-transparent backdrop-blur-[2px] pointer-events-none"></view>
</view>
<view class="relative z-10 px-[32rpx] pt-[180rpx]">
......