首页搜索栏目调整

pages.json

@@ -2,7 +2,8 @@
 	"pages": [{
 		"path": "pages/list/list",
 		"style": {
-			"navigationStyle":"custom"
+			"navigationStyle":"custom",
+			"enablePullDownRefresh":true
 		}
 	}, {
 		"path":"pages/grid/grid",

pages/list/list.vue

 <template>
 	<view style="overflow: hidden;">
-		<status-bar></status-bar>
+		<!-- 搜索栏 -->
+		<news-search-title></news-search-title>
 		<!-- 页面主列表 -->
 		<news-list ref="newsList" :searchText="searchText"></news-list>
 	</view>
@@ -8,11 +9,11 @@
 
 <script>
 	import newsList from './news-list.vue';
-	import statusBar from '@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-status-bar.vue';
+	import newsSearchTitle from './news-search-title.vue';
 	export default {
 		components:{
 			newsList,
-			statusBar
+			newsSearchTitle
 		},
 		data() {
 			return {
@@ -26,6 +27,13 @@
 		onShow(options) {
 			this.searchText = getApp().globalData.searchText;
 		},
+		/**
+		 * 下拉刷新回调函数
+		 */
+		onPullDownRefresh() {
+			console.log('refresh');
+			this.$refs.newsList.refresh();
+		},
 		methods: {
 			/**
 			 * 切换商品列表布局方向
@@ -33,17 +41,12 @@
 			select() {
 				this.formData.waterfall = !this.formData.waterfall;
 			},
-			/**
-			 * 下拉刷新回调函数
-			 */
-			onPullDownRefresh() {
-				this.$refs.newsList.onPullDownRefresh();
-			},
 			/**
 			 * 上拉加载回调函数
 			 */
 			onReachBottom() {
-				this.$refs.newsList.onReachBottom();
+				console.log('load_more');
+				this.$refs.newsList.loadMore();
 			}
 		},
 		watch: {

pages/list/news-list.vue

@@ -89,7 +89,7 @@
 			/**
 			 * 下拉刷新回调函数
 			 */
-			onPullDownRefresh() {
+			refresh() {
 				this.tipShow = true
 				this.formData.status = 'more'
 				this.$refs.udb.loadData({
@@ -102,7 +102,7 @@
 			/**
 			 * 上拉加载回调函数
 			 */
-			onReachBottom() {
+			loadMore() {
 				this.$refs.udb.loadMore()
 			},
 			load(data, ended) {

pages/list/news-search-title.vue

+<template>
+	<view>
+		<status-bar></status-bar>
+	</view>
+</template>
+
+<script>
+	import statusBar from '@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-status-bar.vue';
+	export default {
+		components: {
+			statusBar
+		},
+	}
+</script>
+
+<style>
+</style>