diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 9426930f399acb6628c7ed264ff814c5a243f496..6dc619b61ae33cb2101faa6a0809d3af12ad8fe8 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 ed9ab097129b7dffa5191f294c94e869b962d079..45b4d1e4fed1523cb51e0a41e6a527052a5764f7 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 8c93c2faf5c615c85ebc7dbee39191b2406467f1..2f3a86f0420ba2034d17d8ae8709ac7ae264ac1b 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 71e30946f2aca0b82356bc0f203442bac99db63f..4d4530d9d81e326be3699fb013ede6195dc72018 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 cf7e55ef96767b99dae252d5da8cc5feb9d0fd1d..b4a8fd79688ff0c5ec50acc6dbf9308e7da71ce1 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>