header

src/pages/assistingAgriculture/detail/comment.vue

 <template>
   <view class="container">
     <!--    顶部搜索框-->
-    <view class="header">
+    <Search backgroundBox="white">
+      <view class="searchBoxs">
+        <view class="search1">
+          <wd-icon name="search" size="24rpx" color="#ABAAAA"></wd-icon>
+          <input
+            type="text"
+            :value="catalog.evaluation"
+            class="text"
+            placeholder="点评关键词/特色"
+            placeholder-style="font-size:22rpx;"
+            @confirm="handleSearch"
+            @input="handleInput"
+            confirm-type="搜索"
+          />
+        </view>
+        <wd-icon
+          name="error-fill"
+          size="30rpx"
+          color="#999"
+          v-if="catalog.evaluation"
+          @tap="handleClear"
+        ></wd-icon>
+      </view>
+    </Search>
+    <!-- <view class="header">
       <wd-icon
         class="icon"
         name="arrow-left"
@@ -31,7 +55,7 @@
           @tap="handleClear"
         ></wd-icon>
       </view>
-    </view>
+    </view> -->
 
     <view class="content">
       <view class="tabs">
@@ -299,33 +323,34 @@ page {
     align-items: center;
     padding: 0 40rpx;
     gap: 32rpx;
+  }
+
+  .searchBoxs {
+    width: 480rpx;
+    height: 56rpx;
+    background: #f3f3f3;
+    border-radius: 28rpx 28rpx 28rpx 28rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0rpx 20rpx;
+    gap: 10rpx;
+    margin-left: 40rpx;
 
-    .searchBox {
-      width: 492rpx;
-      height: 56rpx;
-      background: #f3f3f3;
-      border-radius: 28rpx 28rpx 28rpx 28rpx;
+    .search1 {
+      gap: 10rpx;
       display: flex;
       align-items: center;
-      justify-content: space-between;
-      padding: 0rpx 20rpx;
-      gap: 10rpx;
-
-      .search {
-        gap: 10rpx;
-        display: flex;
-        align-items: center;
 
-        .text {
-          margin-left: 10rpx;
-          font-size: 22rpx;
-        }
+      .text {
+        margin-left: 10rpx;
+        font-size: 22rpx;
       }
     }
   }
 
   .content {
-    padding: 98rpx 20rpx 30rpx;
+    padding: 10rpx 20rpx 30rpx;
     display: flex;
     flex-direction: column;
     gap: 10rpx;

src/pages/order/order.vue

@@ -2,8 +2,8 @@
   <view class="container">
     <!--    顶部搜索框-->
     <Search backgroundBox="#f3f3f3">
-      <view class="searchBox">
-        <view class="search">
+      <view class="searchBoxs">
+        <view class="search1">
           <wd-icon name="search" size="30rpx" color="#999"></wd-icon>
           <input
             type="text"
@@ -708,7 +708,7 @@ page {
   padding: 0 30rpx;
   gap: 14rpx;
 }
-.searchBox {
+.searchBoxs {
   width: 492rpx;
   height: 66rpx;
   background: #f3f3f3;
@@ -721,7 +721,7 @@ page {
 
   background-color: #fff;
 
-  .search {
+  .search1 {
     gap: 10rpx;
     display: flex;
     align-items: center;