From b40a1a9416173fff870fd34db89ca279a6ac7cea Mon Sep 17 00:00:00 2001
From: DCloud_LXH <283700113@qq.com>
Date: Fri, 18 Mar 2022 09:43:41 +0800
Subject: [PATCH] wip: search page

---
 docs/.vuepress/config.js                              |  2 +-
 .../components/DcloudSearchPage/components/Result.vue |  2 +-
 .../DcloudSearchPage/components/Results.vue           |  2 +-
 .../theme/components/DcloudSearchPage/index.vue       | 11 +++++++----
 docs/.vuepress/theme/components/Footer.vue            |  2 +-
 5 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 9426930f3..6dc619b61 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -36,7 +36,7 @@ const config = {
       apiKey: '2fdcc4e76c8e260671ad70065e60b2e7',
       indexName: 'zh-uniapp',
       appId: 'PQIR5NL8CZ',
-      searchParameters: { hitsPerPage: 40 }
+      searchParameters: { hitsPerPage: 50 }
     }
   },
   markdown: {
diff --git a/docs/.vuepress/theme/components/DcloudSearchPage/components/Result.vue b/docs/.vuepress/theme/components/DcloudSearchPage/components/Result.vue
index ed9ab0971..45b4d1e4f 100644
--- a/docs/.vuepress/theme/components/DcloudSearchPage/components/Result.vue
+++ b/docs/.vuepress/theme/components/DcloudSearchPage/components/Result.vue
@@ -75,7 +75,7 @@
 		},
 	};
 </script>
-<style lang="stylus">
+<style lang="stylus" scoped>
 .DocSearch-Hit
   border-radius 4px
   display flex
diff --git a/docs/.vuepress/theme/components/DcloudSearchPage/components/Results.vue b/docs/.vuepress/theme/components/DcloudSearchPage/components/Results.vue
index 8c93c2faf..2f3a86f04 100644
--- a/docs/.vuepress/theme/components/DcloudSearchPage/components/Results.vue
+++ b/docs/.vuepress/theme/components/DcloudSearchPage/components/Results.vue
@@ -29,7 +29,7 @@
 		methods: {},
 	};
 </script>
-<style lang="stylus">
+<style lang="stylus" scoped>
 	 .DocSearch-Hits mark {
 	     background: none;
 	     color: $accentColor;
diff --git a/docs/.vuepress/theme/components/DcloudSearchPage/index.vue b/docs/.vuepress/theme/components/DcloudSearchPage/index.vue
index 71e30946f..4d4530d9d 100644
--- a/docs/.vuepress/theme/components/DcloudSearchPage/index.vue
+++ b/docs/.vuepress/theme/components/DcloudSearchPage/index.vue
@@ -16,11 +16,11 @@
 								class="search-input"
 								:placeholder="placeholder"
 								type="text"
-								@keydown.enter="search"
+								@keydown.enter="resetSearchPage, search"
 								v-model="searchValue"
 							/>
 							<span class="search-input-btn">
-								<button @click="search">
+								<button @click="resetSearchPage, search">
 									<svg
 										width="16"
 										height="16"
@@ -172,12 +172,15 @@
 			},
 
 			searchValue: debounce(function () {
-				this.searchPage = 0;
+				this.resetSearchPage();
 				this.search();
 			}, 300),
 		},
 
 		methods: {
+			resetSearchPage() {
+				this.searchPage = 0;
+			},
 			research(curPage) {
 				this.searchPage = curPage - 1;
 				this.search();
@@ -286,6 +289,6 @@
 	};
 </script>
 
-<style lang="stylus">
+<style lang="stylus" scoped>
 	@import './index'
 </style>
diff --git a/docs/.vuepress/theme/components/Footer.vue b/docs/.vuepress/theme/components/Footer.vue
index cf7e55ef9..b4a8fd796 100644
--- a/docs/.vuepress/theme/components/Footer.vue
+++ b/docs/.vuepress/theme/components/Footer.vue
@@ -312,6 +312,6 @@
 	};
 </script>
 
-<style lang="stylus">
+<style lang="stylus" scoped>
 	@import '../styles/footer.styl'
 </style>
-- 
GitLab