feat：index.scss 增加 .yd-search-form 全局样式，并更新相应的 search-form.vue 们

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

@@ -18,16 +18,16 @@
   <wd-popup
     v-model="visible"
     position="top"
-    custom-style="border-radius: 0 0 24rpx 24rpx;"
+    custom-style="border-radius: var(--yd-search-form-popup-radius);"
     safe-area-inset-top
     @close="visible = false"
   >
-    <view class="p-32rpx">
-      <view class="mb-24rpx text-32rpx text-[#333] font-semibold">
+    <view class="yd-search-form-container">
+      <view class="yd-search-form-title">
         搜索消息
       </view>
-      <view class="mb-24rpx">
-        <view class="mb-12rpx text-28rpx text-[#666]">
+      <view class="yd-search-form-item">
+        <view class="yd-search-form-label">
           已读状态
         </view>
         <wd-radio-group v-model="formData.readStatus" shape="button">
@@ -42,23 +42,19 @@
           </wd-radio>
         </wd-radio-group>
       </view>
-      <view class="mb-32rpx">
-        <view class="mb-12rpx text-28rpx text-[#666]">
+      <view class="yd-search-form-item">
+        <view class="yd-search-form-label">
           发送时间
         </view>
-        <view class="flex items-center gap-16rpx">
+        <view class="yd-search-form-date-range-container">
           <view class="flex-1" @click="visibleCreateTime[0] = true">
-            <view
-              class="h-72rpx flex items-center justify-center rounded-8rpx bg-[#f5f5f5] px-24rpx text-28rpx"
-            >
+            <view class="yd-search-form-date-range-picker">
               {{ formatDate(formData.createTime?.[0]) || '开始日期' }}
             </view>
           </view>
-          <text class="text-28rpx text-[#999]">至</text>
+          -
           <view class="flex-1" @click="visibleCreateTime[1] = true">
-            <view
-              class="h-72rpx flex items-center justify-center rounded-8rpx bg-[#f5f5f5] px-24rpx text-28rpx"
-            >
+            <view class="yd-search-form-date-range-picker">
               {{ formatDate(formData.createTime?.[1]) || '结束日期' }}
             </view>
           </view>
@@ -69,7 +65,7 @@
           type="date"
           :columns-height="200"
         />
-        <view v-if="visibleCreateTime[0]" class="mt-16rpx flex justify-end gap-16rpx">
+        <view v-if="visibleCreateTime[0]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime0Cancel">
             取消
           </wd-button>
@@ -83,7 +79,7 @@
           type="date"
           :columns-height="200"
         />
-        <view v-if="visibleCreateTime[1]" class="mt-16rpx flex justify-end gap-16rpx">
+        <view v-if="visibleCreateTime[1]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime1Cancel">
             取消
           </wd-button>
@@ -92,7 +88,7 @@
           </wd-button>
         </view>
       </view>
-      <view class="w-full flex justify-center gap-24rpx">
+      <view class="yd-search-form-actions">
         <wd-button class="flex-1" plain @click="handleReset">
           重置
         </wd-button>