vuepress-theme-uniapp-official 1.5.1 → 1.5.2

package/components/DcloudSearchPage/components/pagination.vue

@@ -107,12 +107,15 @@
 	.page-bar
 	  display flex
 	  justify-content center
-	  margin 10px
 
-	ul, li
-	  margin 0px
-	  padding 0px
-	  user-select none
+	ul
+		margin 0px
+		line-height normal
+		padding 0px
+		li
+			margin 0px
+			padding 0px
+			user-select none
 
 	li
 	  display inline-block
@@ -128,11 +131,10 @@
 	  position relative
 	  float left
 	  padding 2px 10px
-	  margin-left -1px
-	  line-height 1.42857143
+	  line-height 1.5
 	  color #5d6062
 	  cursor pointer
-	  margin-right 20px
+	  margin-right 15px
 	  background-color #fff
 
 	.page-bar a:hover

package/components/DcloudSearchPage/index.styl

@@ -36,7 +36,7 @@ $svg-hover-color = #9b9b9b
   .search-result
     width 95%
     // max-width 960px
-    margin 0 auto
+    margin 0 auto 10px
     padding: 10px;
     box-sizing border-box
     overflow-x: hidden;
@@ -51,7 +51,7 @@ $svg-hover-color = #9b9b9b
   .algolia-logo
     display flex
     justify-content center
-    padding 10px 0 20px
+    padding 10px 0
 
   .search-more
     display block
@@ -118,7 +118,6 @@ $svg-hover-color = #9b9b9b
 
       .search-input
         width 100%
-        height 56px
         font-size 16px
         border none
         box-sizing border-box
@@ -126,8 +125,8 @@ $svg-hover-color = #9b9b9b
         padding 1px 18px
         border-radius 4px
 
-      .search-input-btn
-        height 56px
+      .search-input, .search-input-btn
+        height 46px
 
       .search-back__btn
         display block !important
@@ -165,7 +164,11 @@ $svg-hover-color = #9b9b9b
           @media (max-width 900px)
             &
               padding 0 1%
-
+  .search-footer
+    // 一个好看的上方阴影
+    background-color $navbar-background-color
+    .search-pagination
+      padding-top 10px
 
 @media (max-width $MQMobile)
   #search-container

package/components/DcloudSearchPage/index.vue

@@ -78,7 +78,17 @@
 						<div class="markdown-section search-result-list" v-if="serverHtml" v-html="serverHtml"></div>
 					</template>
 				</div>
+			</div>
 
+			<div class="search-footer">
+				<div class="search-pagination">
+					<pagination v-show="showPagination" @research="research" :totalPage="totalPage" :curPage="curPage"
+						:pageSize="pageSize" />
+					<a v-if="showMoreAsk" class="search-more" @click="moreAskResult">
+						<span v-if="showServerLoading" class="uni-loading"></span>
+						<span v-else>{{ hasNoMoreServerResult ? '没有更多了' : '更多...' }}</span>
+					</a>
+				</div>
 				<div v-if="isAlgolia" class="algolia-logo">
 					<div class="DocSearch-Logo">
 						<a href="https://www.algolia.com/ref/docsearch/?utm_source=uniapp.dcloud.io&amp;utm_medium=referral&amp;utm_content=powered_by&amp;utm_campaign=docsearch"
@@ -93,15 +103,6 @@
 					</div>
 				</div>
 			</div>
-
-			<div class="search-pagination">
-				<pagination v-show="showPagination" @research="research" :totalPage="totalPage" :curPage="curPage"
-					:pageSize="pageSize" />
-				<a v-if="showMoreAsk" class="search-more" @click="moreAskResult">
-					<span v-if="showServerLoading" class="uni-loading"></span>
-					<span v-else>{{ hasNoMoreServerResult ? '没有更多了' : '更多...' }}</span>
-				</a>
-			</div>
 		</div>
 	</div>
 </template>
@@ -257,16 +258,18 @@ export default {
 
 	methods: {
 		initResultWrapHeight() {
-			if (!this.$el) return;
+			if (!this.$el || !this.$refs.pageContainer) return;
 
 			const pageHeight = this.$el.clientHeight;
 			const container = this.$refs.pageContainer.querySelector('.search-page-content');
 			const subNavbar = container.querySelector('.sub-navbar');
 			const resultNumber = container.querySelector('.result-number');
 			const searchResult = container.querySelector('.search-result');
+			const alogliaLogo = document.querySelector('.algolia-logo');
 
 			const searchNavbarHeight = subNavbar ? subNavbar.clientHeight : 83;
 			const resultNumberHeight = (resultNumber || { clientHeight: 47 }).clientHeight;
+			const algoliaLogoHeight = (alogliaLogo || { clientHeight: 49 }).clientHeight;
 			const searchPagination = 36 + 20; // pagination height + margin
 
 			if (searchResult) {
@@ -275,6 +278,7 @@ export default {
 					searchNavbarHeight -
 					resultNumberHeight -
 					searchPagination -
+					algoliaLogoHeight -
 					// 多余空间 mobile
 					20 -
 					60 + 'px';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-uniapp-official",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "uni-app official website theme for vuepress",
   "main": "index.js",
   "repository": {
@@ -43,9 +43,9 @@
     "vuepress-plugin-mermaidjs": "1.9.1",
     "vuepress-plugin-named-chunks": "^1.1.4",
     "vuepress-plugin-zooming": "^1.1.8",
+    "vuepress-plugin-noscript-code": "^1.0.2",
     "vuepress-plugin-expandable-row": "^1.0.10",
-    "vuepress-plugin-check-md2": "^1.0.5",
-    "vuepress-plugin-noscript-code": "^1.0.2"
+    "vuepress-plugin-check-md2": "^1.0.5"
   },
   "resolutions": {
     "terser-webpack-plugin": "1.4.6",