feat: 创客搜索

src/pages/home/index.vue

@@ -162,7 +162,7 @@ page {
   background-color: #f8f8f8;
 }
 </style>
-<route lang="yaml"   type="home">
+<route lang="yaml">
 style:
   navigationStyle: custom
   navigationBarTitleText: 储蓄保

src/pages/store/nearby/index.vue

@@ -22,6 +22,7 @@ const state = reactive<any>({
   currentMerchantCategoryId: 0,
   // merchantPageInfo: {}
 })
+const searchValue = ref('')
 
 const { windowHeight } = uni.getSystemInfoSync()
 state.scrollHeight = windowHeight
@@ -48,20 +49,21 @@ onLoad(() => {
 })
 
 function handleCategoryChange(category) {
-  console.log(category)
+  // console.log(category)
   state.currentMerchantCategoryId = category.merchant_category_id
   // console.log(category)
   // loadSelectMerchant()
   loadSelectMerchant(category.merchant_category_id)
 }
-function loadSelectMerchant(category_id) {
+function loadSelectMerchant(category_id: number, mer_keyword?: string) {
   if (category_id == 0) {
     state.currentMerchantCategoryId = category_id
   }
   let params: StoreParams = {
     pageNum: 1,
     pageSize: 10,
-    mer_keyword: '',
+    mer_keyword: mer_keyword ? mer_keyword : '',
+    // mer_keyword: mer_keyword,
     lat: '',
     lng: '',
   }
@@ -84,6 +86,7 @@ function handleShowMerchant(merchant) {
   })
 }
 
+
 function change() {}
 function onChange() {}
 </script>
@@ -92,6 +95,13 @@ function onChange() {}
 <!--    <nut-category-pane :categoryChild="state.merchantList" @onChange="onChange">-->
 <!--    </nut-category-pane>-->
 <!--  </nut-category>-->
+  <nut-searchbar v-model="searchValue" @search="loadSelectMerchant(0, searchValue)" @clear="loadSelectMerchant(0, '')">
+    <template v-slot:rightout>
+      <div @tap="loadSelectMerchant(0, searchValue)">
+        搜索
+      </div>
+    </template>
+  </nut-searchbar>
   <div class="flex">
     <!-- 左侧 一级分类 -->
     <scroll-view
@@ -103,7 +113,11 @@ function onChange() {}
           @tap="loadSelectMerchant(0)"
           :class="state.currentMerchantCategoryId == 0 ? 'bg-white font-bold' : ''"
           class="relative h-15 block text-sm flex justify-center items-center">
-        <div>全部</div>
+        <div class="flex items-center gap-1">
+          <div class="h-4 bg-primary w-1"></div>
+          <div>全部</div>
+        </div>
+
       </div>
       <div v-for="(item, index) in state.merchantCategory" :key="index"
            @tap="handleCategoryChange(item)"
@@ -156,7 +170,7 @@ function onChange() {}
     </scroll-view>
   </div>
 </template>
-<route lang="yaml">
+<route lang="yaml" type="home">
 style:
   navigationBarTitleText: 储蓄保
   enablePullDownRefresh: true