Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
manulife-weapp
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Graphs
Network
Create a new issue
Commits
Issue Boards
Authored by
hookehuyr
2026-02-12 10:13:08 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
f6d9b39e9e0f0f6cff3f451b1187ff12011648fc
f6d9b39e
1 parent
fc958151
style(ui): 优化首页头部背景图片和过渡效果
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
3 additions
and
1 deletions
src/pages/index/index.vue
src/pages/index/index.vue
View file @
f6d9b39
...
...
@@ -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]">
...
...
Please
register
or
login
to post a comment