style(plan): 调整：移动端促销计划搜索部分的样式和整个主题颜色由蓝色改成红色

src/assets/styles/vant.scss

@@ -7,4 +7,6 @@
   --van-button-primary-background: #f12528;
   // 链接颜色
   --van-link-color: #f12528;
+  // 顶部导航背景色
+  --van-nav-bar-background: #f2f1f6;
 }
\ No newline at end of file

src/views/mobile/views/promotion/plan/index/planSearch.vue

@@ -2,9 +2,11 @@
   <!-- 搜索组件 -->
   <van-popup position="right"
     class="wrap">
+    <van-nav-bar title="筛选条件" />
     <!-- 快捷日期 -->
     <van-field readonly
-      label="快捷日期">
+      label="快捷日期"
+      class="var-button-wrap">
       <template #input>
         <van-button size="small"
           type="primary"
@@ -64,7 +66,8 @@
     <!-- 查看有效/已删除计划 -->
     <van-field label="计划状态">
       <template #input>
-        <van-radio-group v-model="query.isDeleted" @change="selIsDeleted">
+        <van-radio-group v-model="query.isDeleted"
+          @change="selIsDeleted">
           <van-radio :name="undefined">有效</van-radio>
           <van-radio name="INVALID">已删除</van-radio>
         </van-radio-group>
@@ -208,11 +211,19 @@ defineExpose({
     height: 100vh;
     width: 85% !important;
 
-    .van-field:first-of-type {
-      .van-button {
-        margin: 0 2.5px;
-        padding: 0 5px;
-        font-size: 12px !important;
+    /* 头部搜索文字 */
+    .van-nav-bar {
+      background: var(--van-nav-bar-background);
+
+      ::v-deep(.van-nav-bar__title) {
+        font-size: 14px;
+      }
+    }
+
+    /* 按钮搜索 */
+    .var-button-wrap {
+      ::v-deep(.van-field__control) {
+        gap: 5px;
       }
     }
 
@@ -221,7 +232,7 @@ defineExpose({
     }
 
     /* 计划状态 */
-    .van-radio:nth-child(n+2){
+    .van-radio:nth-child(n+2) {
       margin-top: 20px;
     }