fix: 搜索页样式修改

src/pages/search/search.vue

@@ -115,8 +115,8 @@ onLoad(() => {
 <template>
   <z-paging ref="paging" v-model="dataList" use-page-scroll @query="queryList" @click="closeOutside">
     <template #top>
-      <view class="bg-white" :style="{ paddingTop: `${safeAreaInsets?.top}px` }">
-        <wd-navbar :bordered="false">
+      <view class="bg-white/40 text-center" :style="{ paddingTop: `${safeAreaInsets?.top}px` }">
+        <wd-navbar custom-class="bg-transparent!" :bordered="false">
           <template #title>
             <view class="content">
               <view class="back">
@@ -127,7 +127,7 @@ onLoad(() => {
             </view>
           </template>
         </wd-navbar>
-        <view class="flex bg-white text-center">
+        <view class="flex backdrop-blur-20">
           <wd-drop-menu class="flex-1">
             <wd-drop-menu-item v-model="formData.prices" :options="option1" @change="queryList(1, 20)" />
           </wd-drop-menu>
@@ -148,12 +148,6 @@ onLoad(() => {
   </z-paging>
 </template>
 
-<style>
-page {
-  background: #fff;
-}
-</style>
-
 <style lang="scss" scoped>
 :deep() {
   .wd-navbar__title {
@@ -197,5 +191,8 @@ page {
       }
     }
   }
+  .wd-drop-menu__list {
+    background: none;
+  }
 }
 </style>