搜索栏整理

pages.json

@@ -2,13 +2,12 @@
 	"pages": [{
 		"path": "pages/list/list",
 		"style": {
-			"enablePullDownRefresh": true,
-			"navigationBarTitleText": "列表"
+			"navigationStyle":"custom"
 		}
 	}, {
 		"path":"pages/grid/grid",
 		"style":{
-			"navigationBarTitleText": "宫格"
+			"navigationStyle":"custom"
 		}
 	}, {
 		"path": "pages/search/search",

pages/grid/grid.nvue

 <template>
 	<view class="warp">
 		<!-- 搜索 -->
-		<view class="search-container-bar">
+		<template>
+			<status-bar />
 			<uni-search-bar ref="searchBar" style="flex:1;" radius="100" @click.native="searchClick" cancelButton="none"
 				disabled />
-		</view>
+		</template>
 		<!-- banner -->
 		<uni-clientdb ref="bannerdb" v-slot:default="{data, loading, error, options}" :collection="collection"
 			:field="field" @load="load">
@@ -35,8 +36,9 @@
 </template>
 
 <script>
+	import statusBar from "@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-status-bar";
 	export default {
-		components: {},
+		components: { statusBar },
 		data() {
 			return {
 				list: [{
@@ -164,9 +166,9 @@
 			/**
 			 * 点击banner的处理
 			 */
-			clickBannerItem(item){
+			clickBannerItem(item) {
 				// 有外部链接-跳转url
-				if(item.open_url){
+				if (item.open_url) {
 					//#ifdef APP-PLUS
 					plus.runtime.openWeb(item.open_url);
 					//#endif
@@ -309,5 +311,4 @@
 	.uni-input-placeholder {
 		font-size: 28rpx;
 	}
-	
 </style>

pages/list/list.nvue

@@ -7,10 +7,12 @@
 	DB Schema 规范：https://uniapp.dcloud.net.cn/uniCloud/schema
 	 -->
 	<view style="overflow: hidden;">
-		<view class="search-container-bar">
-			<uni-search-bar ref="searchBar" style="flex:1;" radius="100" v-model="searchText" @search-click="searchClick" @clear="clear" @click.native="searchClick"
+		<!-- 搜索栏 -->
+		<template>
+			<status-bar/>
+			<uni-search-bar ref="searchBar" radius="100" v-model="searchText" @search-click="searchClick" @clear="clear" @click.native="searchClick"
 			 @cancel="search" cancelButton="none" disabled />
-		</view>
+		</template>
 		<view class="list">
 			<!-- 刷新页面后的顶部提示框 -->
 			<!-- 当前弹出内容没有实际逻辑 ，可根据当前业务修改弹出提示 -->
@@ -58,7 +60,11 @@
 
 <script>
 	import { friendlyDate } from '@/common/utils.js';
+	import statusBar from "@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-status-bar";
 	export default {
+		components:{
+			statusBar
+		},
 		data() {
 			return {
 				searchText: '',
@@ -233,8 +239,6 @@
 
 	// 默认加入 scoped ，所以外面加一层提升权重
 	.list {
-		margin-top: 52px;
-
 		.uni-list--waterfall {
 
 			/* #ifndef H5 || APP-VUE */