修改首页及样式

src/pages/notice/notice.vue

@@ -2,17 +2,18 @@
     <view class="con-body">
         <view class="con-bg">
             <!-- 头部 -->
-            <customHeader ref="customHeaderRef" :title="'消息'" :leftFlag="false" :rightFlag="true"  v-if="!searchShow">
-                <template #right>
+            <customHeader ref="customHeaderRef" :title="!searchShow?'消息':'搜索'" 
+                :leftFlag="!searchShow?false:true" 
+                :rightFlag="true"  
+                @back="handleBack" :searchType="searchShow?1:undefined"
+            >
+                <template #right  v-if="!searchShow">
                     <view class="head-right" @click="handleRead">
                         <img :src="'static/images/icon-clean@2x.png'" />清除未读
                     </view>
                 </template>
             </customHeader>
-            <customHeader v-else ref="customHeaderRef" :title="'搜索'" 
-                :leftFlag="true" :rightFlag="false"
-                @back="handleBack" :searchType="1"
-            ></customHeader>
+            
             <!-- 高度来避免头部遮挡 -->
             <view class="top-height"></view>
           
@@ -54,7 +55,7 @@
 
 <script setup>
 import { ref, onMounted,computed } from 'vue'
-import { onLoad } from '@dcloudio/uni-app';
+import { onLoad,onHide } from '@dcloudio/uni-app';
 import customHeader from '@/components/customHeader.vue'
 import customSearch from '@/components/customSearch.vue'
 import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
@@ -85,6 +86,9 @@ let noticeTypeList=ref([
 ]);
 let notictTypeCheck = ref({});//选中类型
 
+onHide(()=>{
+    searchShow.value=false;
+})
 
 // 搜索返回操作
 const handleBack=()=>{