fix：微信小程序 search-form.vue 无法点击的问题，因为没 @click 事件

fix：search-form.vue 的 popup 距离高度不对的问题
feat：移除 search-form.vue 的 title，简化交互

src/pages/message/components/search-form.vue

@@ -1,13 +1,8 @@
 <template>
   <!-- 搜索框入口 -->
   <view class="flex items-center bg-white pr-30rpx">
-    <view class="flex-1">
-      <wd-search
-        :placeholder="placeholder"
-        :hide-cancel="true"
-        disabled
-        @click="visible = true"
-      />
+    <view class="flex-1" @click="visible = true">
+      <wd-search :placeholder="placeholder" hide-cancel disabled />
     </view>
     <view class="text-28rpx text-[#1890ff]" @click="handleReadAll">
       全部已读
@@ -15,17 +10,8 @@
   </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索消息
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           已读状态
@@ -59,12 +45,7 @@
             </view>
           </view>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[0]"
-          v-model="tempCreateTime[0]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[0]" v-model="tempCreateTime[0]" type="date" />
         <view v-if="visibleCreateTime[0]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime0Cancel">
             取消
@@ -73,12 +54,7 @@
             确定
           </wd-button>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[1]"
-          v-model="tempCreateTime[1]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[1]" v-model="tempCreateTime[1]" type="date" />
         <view v-if="visibleCreateTime[1]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime1Cancel">
             取消
@@ -102,6 +78,7 @@
 
 <script lang="ts" setup>
 import { computed, reactive, ref } from 'vue'
+import { getNavbarHeight } from '@/utils'
 import { formatDate, formatDateRange } from '@/utils/date'
 
 const emit = defineEmits<{