文章搜索

pages.json

@@ -236,6 +236,16 @@
 						}
 			}
 			
+		},
+		{
+			"path": "pages/myone/ariclle",
+			"style": {
+				"navigationBarTitleText": "文章搜索",
+				"usingComponents":{
+					     "van-field": "/wxcomponents/dist/field/index"
+						}
+			}
+			
 		},
 		{
 			"path": "pages/myOrder/estimate",

pages/myone/ariclle.vue

@@ -0,0 +1,205 @@
+<template>
+	<view class="searchType" style="background: #fff;height: 100vh;">
+		 <van-cell value-class="searchclass">
+			 <template slot="title">
+				<view class="input-view">
+					<uni-icon type="search" size="22" color="#666666" />
+					<input confirm-type="search" class="input" type="text" placeholder="输入搜索关键词" 
+					@input="confirm" />
+				</view> 
+			 </template>
+			 <template>
+				 <view @click="search">搜索</view>
+			 </template>
+		 </van-cell>
+		 
+		<view v-for="(item,indedx) in acrelist" :key="indedx" @click="goIndex(item)">
+		   <view class="hotelList">
+				 <view class="hotleLeft">
+					 <image  style="width: 214upx;height: 152upx;" :src=" pictureUrl + '/' + item.article_thumb"/>
+				 </view>
+				 <view class="hotelright">
+					<view style="font-size: 28upx;color: #303133;">{{item.article_title}}</view>
+					<view>
+					   {{item.article_time}}
+					</view>
+				
+		   </view>
+		</view>
+		</view>
+	 </view>
+</template>
+
+<script>
+	import uniIcon from '@/component/uni-icon/uni-icon.vue'
+	import Gobacktop from '@/component/Gobacktop.vue'
+	
+	export default {
+		components: {
+			uniIcon,
+			Gobacktop
+		},
+		data() {
+			return {
+				pictureUrl: this.pictureUrl,
+				page: 1,
+				page_size: 10,
+				ac_id:'',
+				keyword:'',
+				active: 0,
+				scrollTop: 0,
+				old: {
+					scrollTop: 0
+				},
+				isTop: false,
+				typelist:[],
+				acrelist:[],
+				ispull: true
+		    }
+	    },
+		onLoad() {
+			//this.getype(); // 获取文章分类
+			///this.getlist(); // 获取文章列表
+		},
+		methods: {
+			
+			goIndex(items) {
+				let article_id = items.article_id;
+				let ac_id = items.ac_id;
+				let name = '';
+				this.typelist.forEach((item, index) => {
+					if(item.ac_id == ac_id) {
+						name = item.ac_name;
+					}
+				})
+				uni.navigateTo({
+				        url: `/pages/myone/onedetail?id=${article_id}&name=${name}`
+				});
+			},
+			
+			getlist() {
+				this.request({
+					url: '/v1/entry/news',
+					method:'POST',
+					data: {
+						page: this.page,
+						page_size: this.page_size,
+						keyword: this.keyword
+					},
+					success: (res) => {
+						let { data }  = res.data;
+						if(data.total_page == data.current_page) {
+							this.ispull = false;
+						}
+						this.acrelist = this.acrelist.concat(data.new_list);
+					}
+				})
+			},
+			confirm(e) {
+				this.acrelist = [];
+				this.keyword = e.detail.value;
+				this.getlist();
+			},
+			search() {
+				if(this.keyword == '') {
+					this.$msg("关键字不能为空");
+					return;
+				}
+				this.acrelist = [];
+				this.getlist();
+			},
+			// 滚动到顶部
+			upper(e) {
+				console.log(e)
+				console.log("顶部")
+			},
+			
+			// 滚到底部
+			lower(e) {
+				this.page = this.page + 1;
+				if(this.ispull) {
+					this.getlist();
+				}
+			},
+			
+			// 滚动时触发
+			scroll(e) {
+				if(e.detail.scrollTop > 400) {
+				          this.isTop = true;
+				        }else{ //当距离小于500时显示回到顶部按钮
+				          this.isTop = false;
+				        }
+				this.old.scrollTop = e.detail.scrollTop
+			},
+		}
+	}
+</script>
+
+<style>
+	.searchType .input-view {
+		width: 80%;
+		display: flex;
+		background-color: #e7e7e7;
+		height: 30px;
+		border-radius: 15px;
+		padding: 0 4%;
+		flex-wrap: nowrap;
+		margin: 7px 0;
+		line-height: 30px;
+		margin: 24upx 0 24upx 32upx;
+	}
+	
+	.searchType .input-view .uni-icon {
+		line-height: 30px !important;
+	}
+	
+	.searchType .input-view .input {
+		height: 30px;
+		line-height: 30px;
+		width: 94%;
+		padding: 0 3%;
+	}
+	.van-cell__title {
+		flex: 6!important;
+	}
+	.searchclass {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.van-cell {
+		padding: 15upx 32upx 0 32upx!important;
+	}
+	.hotelList {
+		display: flex;
+		flex-direction: row;
+		padding: 24upx 32upx;
+	}
+		
+	.hotleLeft {
+		width: 214upx;
+		height: 152upx;
+	}
+		
+	.hotelright {
+		padding-left: 16upx;
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+	}
+		
+	.undertip {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+	}
+	.tipsTop {
+		border: 2upx solid #BBBBBB;
+		margin-right: 14upx;
+		color: #BBBBBB;
+		padding: 4upx;
+	}
+	/* .van-cell__title {
+		flex: 6!important;
+	} */
+</style>

pages/myone/oneIndex.vue

@@ -3,7 +3,7 @@
 	   <view  class="searchType" style="background: #fff;">
 	   	 <view class="input-view">
 	   	 	<uni-icon type="search" size="22" color="#666666" />
-	   	 	<input confirm-type="search" class="input" type="text" placeholder="搜索文章" @confirm="confirm" />
+	   	 	<input disabled="true"  confirm-type="search" class="input" type="text" placeholder="搜索文章" @click="confirm" />
 	   	 </view>
 	    </view>
 	   <view>
@@ -116,7 +116,9 @@
 			},
 			
 			confirm() {
-				
+				uni.navigateTo({
+					url: './ariclle'
+				})
 			},
 			onChange(event) {
 				this.active = event.detail.name;

pages/myone/onedetail.vue

@@ -1,5 +1,5 @@
 <template>
-		<view style="padding: 20upx 32upx;">
+		<view>
 			<rich-text :nodes="nodes"></rich-text>
 			<view v-if="aricte.ad_type!=0" class="aricte" :class="isclose?'closeacrile':''">
 				<view style="display: flex;justify-content: space-between;">
@@ -78,10 +78,10 @@
 
 <style>
 	.aricte {
-		padding: 15upx 32upx;
 		background-color: #EEEEEE;
 	}
 	.closeacrile {
 		display: none;
 	}
+	
 </style>

unpackage/dist/dev/mp-weixin/app.json

@@ -20,6 +20,7 @@
     "pages/myOrder/paymoment",
     "pages/myOrder/order",
     "pages/myOrder/reminder",
+    "pages/myone/ariclle",
     "pages/myOrder/estimate",
     "pages/myOrder/adress",
     "pages/myOrder/adressManger",
@@ -72,6 +73,5 @@
     "van-dialog": "/wxcomponents/dist/dialog/index",
     "van-rate": "/wxcomponents/dist/rate/index",
     "van-cell": "/wxcomponents/dist/cell/index"
-  },
-  "sitemapLocation": "sitemap4.json"
+  }
 }

unpackage/dist/dev/mp-weixin/pages/myone/ariclle.json

@@ -0,0 +1,8 @@
+{
+  "navigationBarTitleText": "文章搜索",
+  "usingComponents": {
+    "van-field": "/wxcomponents/dist/field/index",
+    "uni-icon": "/component/uni-icon/uni-icon",
+    "gobacktop": "/component/Gobacktop"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/myone/ariclle.wxml

@@ -0,0 +1 @@
+<view class="searchType" style="background:#fff;height:100vh;"><van-cell vue-id="32218eec-1" value-class="searchclass" data-com-type="wx" bind:__l="__l" vue-slots="{{['default','title']}}"><view slot="title"><view class="input-view"><uni-icon vue-id="{{('32218eec-2')+','+('32218eec-1')}}" type="search" size="22" color="#666666" bind:__l="__l"></uni-icon><input class="input" confirm-type="search" type="text" placeholder="输入搜索关键词" data-event-opts="{{[['input',[['confirm',['$event']]]]]}}" bindinput="__e"/></view></view><view data-event-opts="{{[['tap',[['search',['$event']]]]]}}" bindtap="__e">搜索</view></van-cell><block wx:for="{{acrelist}}" wx:for-item="item" wx:for-index="indedx" wx:key="indedx"><view data-event-opts="{{[['tap',[['goIndex',['$0'],[[['acrelist','',indedx]]]]]]]}}" bindtap="__e"><view class="hotelList"><view class="hotleLeft"><image style="width:214rpx;height:152rpx;" src="{{pictureUrl+'/'+item.article_thumb}}"></image></view><view class="hotelright"><view style="font-size:28rpx;color:#303133;">{{item.article_title}}</view><view>{{''+item.article_time+''}}</view></view></view></view></block></view>

unpackage/dist/dev/mp-weixin/pages/myone/ariclle.wxss

@@ -0,0 +1,92 @@
+
+.searchType .input-view {
+	width: 80%;
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: flex;
+	background-color: #e7e7e7;
+	height: 30px;
+	border-radius: 15px;
+	padding: 0 4%;
+	-webkit-flex-wrap: nowrap;
+	        flex-wrap: nowrap;
+	margin: 7px 0;
+	line-height: 30px;
+	margin: 24rpx 0 24rpx 32rpx;
+}
+.searchType .input-view .uni-icon {
+	line-height: 30px !important;
+}
+.searchType .input-view .input {
+	height: 30px;
+	line-height: 30px;
+	width: 94%;
+	padding: 0 3%;
+}
+.van-cell__title {
+	-webkit-box-flex: 6!important;
+	-webkit-flex: 6!important;
+	        flex: 6!important;
+}
+.searchclass {
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: flex;
+	-webkit-box-align: center;
+	-webkit-align-items: center;
+	        align-items: center;
+	-webkit-box-pack: center;
+	-webkit-justify-content: center;
+	        justify-content: center;
+}
+.van-cell {
+	padding: 15rpx 32rpx 0 32rpx!important;
+}
+.hotelList {
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: flex;
+	-webkit-box-orient: horizontal;
+	-webkit-box-direction: normal;
+	-webkit-flex-direction: row;
+	        flex-direction: row;
+	padding: 24rpx 32rpx;
+}
+.hotleLeft {
+	width: 214rpx;
+	height: 152rpx;
+}
+.hotelright {
+	padding-left: 16rpx;
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: flex;
+	-webkit-box-orient: vertical;
+	-webkit-box-direction: normal;
+	-webkit-flex-direction: column;
+	        flex-direction: column;
+	width: 100%;
+}
+.undertip {
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: flex;
+	-webkit-box-orient: horizontal;
+	-webkit-box-direction: normal;
+	-webkit-flex-direction: row;
+	        flex-direction: row;
+	-webkit-box-align: center;
+	-webkit-align-items: center;
+	        align-items: center;
+}
+.tipsTop {
+	border: 2rpx solid #BBBBBB;
+	margin-right: 14rpx;
+	color: #BBBBBB;
+	padding: 4rpx;
+}
+
+/* .van-cell__title {
+	flex: 6!important;
+} */
+

unpackage/dist/dev/mp-weixin/pages/myone/oneIndex.js

@@ -249,6 +249,8 @@ __webpack_require__.r(__webpack_exports__);
     },
 
     confirm: function confirm() {
+      uni.navigateTo({
+        url: './ariclle' });
 
     },
     onChange: function onChange(event) {

unpackage/dist/dev/mp-weixin/pages/myone/oneIndex.wxml

@@ -1 +1 @@
-<view><view class="searchType" style="background:#fff;"><view class="input-view"><uni-icon vue-id="24146ccc-1" type="search" size="22" color="#666666" bind:__l="__l"></uni-icon><input class="input" confirm-type="search" type="text" placeholder="搜索文章" data-event-opts="{{[['confirm',[['confirm',['$event']]]]]}}" bindconfirm="__e"/></view></view><view><van-tabs vue-id="24146ccc-2" active="{{active}}" data-event-opts="{{[['^change',[['onChange']]]]}}" data-com-type="wx" bind:change="__e" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{typelist}}" wx:for-item="item" wx:for-index="index" wx:key="index"><van-tab vue-id="{{('24146ccc-3-'+index)+','+('24146ccc-2')}}" name="{{index}}" title="{{item.ac_name}}" data-com-type="wx" bind:__l="__l"></van-tab></block></van-tabs></view><scroll-view class="floor-list" style="height:90vh;" scroll-top="{{scrollTop}}" scroll-y="true" refresher-enabled="true" data-event-opts="{{[['scroll',[['scroll',['$event']]]],['scrolltoupper',[['upper',['$event']]]],['scrolltolower',[['lower',['$event']]]]]}}" bindscroll="__e" bindscrolltoupper="__e" bindscrolltolower="__e"><block wx:for="{{acrelist}}" wx:for-item="item" wx:for-index="indedx" wx:key="indedx"><view data-event-opts="{{[['tap',[['goIndex',['$0'],[[['acrelist','',indedx]]]]]]]}}" bindtap="__e"><view class="hotelList"><view class="hotleLeft"><image style="width:214rpx;height:152rpx;" src="{{pictureUrl+'/'+item.article_thumb}}"></image></view><view class="hotelright"><view style="font-size:28rpx;color:#303133;">{{item.article_title}}</view><view>{{''+item.article_time+''}}</view></view></view></view></block></scroll-view><block wx:if="{{isTop}}"><gobacktop bind:getop="__e" vue-id="24146ccc-4" data-event-opts="{{[['^getop',[['getop']]]]}}" bind:__l="__l"></gobacktop></block></view>
+<view><view class="searchType" style="background:#fff;"><view class="input-view"><uni-icon vue-id="24146ccc-1" type="search" size="22" color="#666666" bind:__l="__l"></uni-icon><input class="input" disabled="true" confirm-type="search" type="text" placeholder="搜索文章" data-event-opts="{{[['tap',[['confirm',['$event']]]]]}}" bindtap="__e"/></view></view><view><van-tabs vue-id="24146ccc-2" active="{{active}}" data-event-opts="{{[['^change',[['onChange']]]]}}" data-com-type="wx" bind:change="__e" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{typelist}}" wx:for-item="item" wx:for-index="index" wx:key="index"><van-tab vue-id="{{('24146ccc-3-'+index)+','+('24146ccc-2')}}" name="{{index}}" title="{{item.ac_name}}" data-com-type="wx" bind:__l="__l"></van-tab></block></van-tabs></view><scroll-view class="floor-list" style="height:90vh;" scroll-top="{{scrollTop}}" scroll-y="true" refresher-enabled="true" data-event-opts="{{[['scroll',[['scroll',['$event']]]],['scrolltoupper',[['upper',['$event']]]],['scrolltolower',[['lower',['$event']]]]]}}" bindscroll="__e" bindscrolltoupper="__e" bindscrolltolower="__e"><block wx:for="{{acrelist}}" wx:for-item="item" wx:for-index="indedx" wx:key="indedx"><view data-event-opts="{{[['tap',[['goIndex',['$0'],[[['acrelist','',indedx]]]]]]]}}" bindtap="__e"><view class="hotelList"><view class="hotleLeft"><image style="width:214rpx;height:152rpx;" src="{{pictureUrl+'/'+item.article_thumb}}"></image></view><view class="hotelright"><view style="font-size:28rpx;color:#303133;">{{item.article_title}}</view><view>{{''+item.article_time+''}}</view></view></view></view></block></scroll-view><block wx:if="{{isTop}}"><gobacktop bind:getop="__e" vue-id="24146ccc-4" data-event-opts="{{[['^getop',[['getop']]]]}}" bind:__l="__l"></gobacktop></block></view>

unpackage/dist/dev/mp-weixin/pages/myone/onedetail.wxml

@@ -1 +1 @@
-<view style="padding:20rpx 32rpx;"><rich-text nodes="{{nodes}}"></rich-text><block wx:if="{{aricte.ad_type!=0}}"><view class="{{['aricte',isclose?'closeacrile':'']}}"><view style="display:flex;justify-content:space-between;"><view>{{aricte.ad_title}}</view><view data-event-opts="{{[['tap',[['close',['$event']]]]]}}" style="color:#4399FC;" bindtap="__e">x关闭</view></view><view data-event-opts="{{[['tap',[['godetail',['$event']]]]]}}" style="padding:10rpx 0rpx;position:relative;" bindtap="__e"><image style="height:600rpx;width:100%;" src="{{pictureUrl+'/'+aricte.ad_image}}"></image><view style="color:#fff;position:absolute;bottom:20rpx;left:20rpx;">广告</view></view></view></block></view>
+<view><rich-text nodes="{{nodes}}"></rich-text><block wx:if="{{aricte.ad_type!=0}}"><view class="{{['aricte',isclose?'closeacrile':'']}}"><view style="display:flex;justify-content:space-between;"><view>{{aricte.ad_title}}</view><view data-event-opts="{{[['tap',[['close',['$event']]]]]}}" style="color:#4399FC;" bindtap="__e">x关闭</view></view><view data-event-opts="{{[['tap',[['godetail',['$event']]]]]}}" style="padding:10rpx 0rpx;position:relative;" bindtap="__e"><image style="height:600rpx;width:100%;" src="{{pictureUrl+'/'+aricte.ad_image}}"></image><view style="color:#fff;position:absolute;bottom:20rpx;left:20rpx;">广告</view></view></view></block></view>

unpackage/dist/dev/mp-weixin/pages/myone/onedetail.wxss

@@ -1,9 +1,9 @@
 
 .aricte {
-	padding: 15rpx 32rpx;
 	background-color: #EEEEEE;
 }
 .closeacrile {
 	display: none;
 }
 
+

unpackage/dist/dev/mp-weixin/sitemap11.json

@@ -0,0 +1,7 @@
+{
+  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
+  "rules": [{
+  "action": "allow",
+  "page": "*"
+  }]
+}