duanshuwen/nianxx-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: adjust z-index of collapsed sticky header

Browse Source
This commit is contained in:
duanshuwen
2026-06-29 15:58:35 +08:00
parent 14fbd3e50d
commit bbee6bad40
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/home/components/ChatMainList/index.vue
View File

@@ -10,7 +10,7 @@
@scroll="handleScroll" @touchstart.capture="handleScrollAreaTouchStart" @touchstart="handleScrollAreaTouchStart" @scroll="handleScroll" @touchstart.capture="handleScrollAreaTouchStart" @touchstart="handleScrollAreaTouchStart"
@touchmove="handleScrollAreaTouchMove"> @touchmove="handleScrollAreaTouchMove">
<div class="relative transition-all duration-300 ease-in-out bg-cover bg-center bg-no-repeat" <div class="relative transition-all duration-300 ease-in-out bg-cover bg-center bg-no-repeat"
:class="{ 'sticky top-0 z-10': isHeaderCollapsed }" :class="{ 'sticky top-0 z-100': isHeaderCollapsed }"
:style="{ height: isHeaderCollapsed ? '50px' : '252px', backgroundImage: mainPageDataModel?.initPageImages?.backgroundImageUrl ? `url(${mainPageDataModel.initPageImages.backgroundImageUrl})` : 'none' }"> :style="{ height: isHeaderCollapsed ? '50px' : '252px', backgroundImage: mainPageDataModel?.initPageImages?.backgroundImageUrl ? `url(${mainPageDataModel.initPageImages.backgroundImageUrl})` : 'none' }">
<div class="absolute bottom-0 left-0 right-0 flex-1"> <div class="absolute bottom-0 left-0 right-0 flex-1">
<div class="px-[12px] pt-[12px] transition-all duration-300" <div class="px-[12px] pt-[12px] transition-all duration-300"