Bladeren bron

修改滚动筛选交互逻辑

lm 3 weken geleden
bovenliggende
commit
b48b0c3a14

+ 2 - 2
src/views/customerFollowUp/index.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="main_container">
         <div class="page_item end_item hide_scrollbar" ref="scrollDom">
-
+            <div v-if="scrollMsg.isScrollTop" :style="{height:scrollMsg.headerHeight || '316px',flexShrink:'0'}"></div>
             <div ref="searchDom" class="search_page">
                 <DefaultSelectSearch v-if="scrollMsg.isScrollTop" @searchChange="HandleBlockSearchChange">
                     <div class="content_right" style="flex-shrink: 0;">
@@ -140,7 +140,7 @@ import { useHeaderFixed } from '@/baseComponents/useHeaderFixed'
 
 const scrollDom = ref()
 const searchDom = ref()
-const scrollMsg  = useHeaderFixed(scrollDom,searchDom,272,'calc(100% - 250px - 20px)','calc(80px)')  //搜索栏是否需要在滚动的时候固定到顶部
+const scrollMsg  = useHeaderFixed(scrollDom,searchDom,316,'calc(100% - 250px - 20px)','calc(80px)')  //搜索栏是否需要在滚动的时候固定到顶部
 
 
 

+ 1 - 1
src/views/highSeasCustomer/highSeasCustomerDetail/customerStatusOverview/index.vue

@@ -19,7 +19,7 @@
         <!-- 中间:搜索与 我的跟进 -->
         <div class="center_panel">
             <div class="page_content hide_scrollbar  " ref="scrollDom"> 
-                <div v-if="scrollMsg.isScrollTop" :style="{height:scrollMsg.headerHeight || '132px'}"></div>
+                <div v-if="scrollMsg.isScrollTop" :style="{height:scrollMsg.headerHeight || '132px',flexShrink:'0'}"></div>
 
                 <div class="search_page" ref="headerDom">
                     <DetailSelectSearch v-if="scrollMsg.isScrollTop" @searchChange="HandleSearchChange"></DetailSelectSearch>

+ 3 - 1
src/views/highSeasCustomer/index.vue

@@ -1,6 +1,8 @@
 <template>
     <div class="main_container">
         <div class="page_item end_item hide_scrollbar" ref="scrollDom">
+            <div v-if="scrollMsg.isScrollTop" :style="{height:scrollMsg.headerHeight || '140px',flexShrink:'0'}"></div>
+            
             <div  class="search_page" ref="searchDom">
                 <DefaultSelectSearch v-if="scrollMsg.isScrollTop" @searchChange="HandleSearchChange">
                     <div v-if="userInfo.roles.includes('Admin')" class="content_right">
@@ -115,7 +117,7 @@ const router = useRouter()
 
 const scrollDom = ref()
 const searchDom = ref()
-const scrollMsg  = useHeaderFixed(scrollDom,searchDom,272,'calc(100% - 250px - 20px)','calc(80px)')  //搜索栏是否需要在滚动的时候固定到顶部
+const scrollMsg  = useHeaderFixed(scrollDom,searchDom,140,'calc(100% - 250px - 20px)','calc(80px)')  //搜索栏是否需要在滚动的时候固定到顶部
 
 const userInfo = computed(()=>{
     return JSON.parse(localStorage.getItem('userInfo') || '{}')

+ 1 - 1
src/views/myCustomer/myCustomerDetail/customerStatusOverview/index.vue

@@ -26,7 +26,7 @@
         <!-- 中间:搜索与 我的跟进 -->
         <div class="center_panel">
             <div class="page_content hide_scrollbar " ref="scrollDom"> 
-                <div v-if="scrollMsg.isScrollTop" :style="{height:scrollMsg.headerHeight || '176px'}"></div>
+                <div v-if="scrollMsg.isScrollTop" :style="{height:scrollMsg.headerHeight || '176px',flexShrink:'0'}"></div>
                 <div class="search_page" ref="headerDom">
                     <!-- 滚动头部筛选展示 -->
                     <DetailSelectSearch v-if="scrollMsg.isScrollTop"  @searchChange="HandleSearchChange" ></DetailSelectSearch>