文章列表

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

@@ -0,0 +1,206 @@
+<template>
+   <view>
+	   <view  class="searchType" style="background: #fff;">
+	   	 <view class="input-view">
+	   	 	<uni-icon type="search" size="22" color="#666666" />
+	   	 	<input disabled="true"  confirm-type="search" class="input" type="text" placeholder="搜索文章" @click="confirm" />
+	   	 </view>
+	    </view>
+	   <view>
+		   <van-tabs :active="active" @change="onChange">
+			 <van-tab  v-for="(item,index) in typelist"  :key="index" :name="index" :title="item.ac_name"></van-tab>
+		   </van-tabs>
+	   </view>
+		  <scroll-view  class="floor-list"
+		   :scroll-top="scrollTop" style="height: 90vh;" scroll-y="true"  @scroll="scroll"  @scrolltoupper="upper" @scrolltolower="lower"
+		   :refresher-enabled="false">
+			<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 style="color: #999;">
+						   {{item.article_time}}
+						</view>
+			   </view>
+			</view>
+			</view>
+		 </scroll-view>
+		 <Gobacktop @getop="getop" v-if="isTop" />
+
+   </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: {
+			getop() {
+			        this.scrollTop = this.old.scrollTop
+			                this.$nextTick(function(){
+			                    this.scrollTop=0;
+			                });
+			        this.isTop = false;
+			      },
+			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}`
+				});
+			},
+			getype() {
+				this.request({
+					url: '/v1/entry/news_cate',
+					method:'POST',
+					success: (res) =>　{
+						let array = [{ac_name:'全部'}];
+						this.typelist = array.concat(res.data.data);
+					}
+				})
+			},
+			getlist() {
+				this.request({
+					url: '/v1/entry/news',
+					method:'POST',
+					data: {
+						page: this.page,
+						page_size: this.page_size,
+						ac_id: this.ac_id,
+						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() {
+				uni.navigateTo({
+					url: './ariclle'
+				})
+			},
+			onChange(event) {
+				this.active = event.detail.name;
+				if( event.detail.name == 0) {
+					this.ac_id = '';
+				}else {
+					let items = this.typelist[this.active];
+					this.ac_id = items.ac_id;
+				}
+				this.active = event.detail.name;
+				this.ispull = true;
+				this.page = 1;
+				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>
+	
+	.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%;
+		justify-content: space-between;
+	}
+	.searchType .input-view {
+		width: 85%;
+		display: flex;
+		background-color: #e7e7e7;
+		height: 30px;
+		border-radius: 15px;
+		padding: 0 4%;
+		flex-wrap: nowrap;
+		margin: 7px 0;
+		line-height: 30px;
+		margin: 24upx auto;
+	}
+	
+	.searchType .input-view .uni-icon {
+		line-height: 30px !important;
+	}
+	
+	.searchType .input-view .input {
+		height: 30px;
+		line-height: 30px;
+		width: 94%;
+		padding: 0 3%;
+	}
+</style>

pages/myone/onedetail.vue

@@ -0,0 +1,94 @@
+<template>
+		<view style="padding: 20upx 32upx;">
+			<view style="font-size: 35rpx;padding-bottom: 30upx;">{{aricte.article_title}}</view>
+			<view style="color: #999;padding-bottom: 30upx;">{{aricte.article_time}}</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;padding: 20upx 0;">
+					<view>{{aricte.ad_title}}</view>
+					<view style="color:#4399FC;" @click="close">x关闭</view>
+				</view>
+				<view @click="godetail" style="padding: 10upx 0upx;position: relative;">
+					<image :src=" pictureUrl + '/' + aricte.ad_image" style="height: 600upx;width: 100%;" />
+					<view style="color: #fff;position: absolute;bottom: 20upx;left: 20upx;">广告</view>
+				</view>
+			</view>
+		</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				isclose: false,
+				pictureUrl: this.pictureUrl,
+				article_id: '',
+				nodes:'',
+				aricte: {}
+		    }
+		},
+		onLoad(a) {
+			this.article_id = a.id;
+			let name = a.name;
+			uni.setNavigationBarTitle({
+			    title: name
+			});
+			this.getactrile();
+		},
+		
+		methods: {
+			godetail() {
+				if(this.aricte.ad_type == 1) {
+					//商品 
+					let id = this.aricte.goods_id;  // 商品Id
+					let store_id = this.aricte.store_id;  // 商品Id
+					uni.navigateTo({
+						url:`/pages/index/shop?id=${id}&store_id=${store_id}`
+					})
+				
+				}else if(this.aricte.ad_type == 2) {
+				   //商品
+				   let id = this.aricte.store_id;  // 商品Id
+				   uni.navigateTo({
+				         url: `/pages/index/hotel?id=${id}`
+				   });
+				}
+			},
+			close() {
+				this.isclose = true;
+			},
+			getactrile() {
+				this.request({
+					url: '/v1/entry/news_desc',
+					method: 'post',
+					data: {
+						article_id: this.article_id		 
+					},
+					success: (res) =>　{
+						let { data } = res.data;
+						this.aricte = data;
+						const regex = new RegExp('<img', 'gi');
+						data.article_content =data.article_content.replace(regex,`<img class="changeimg"`);
+						this.nodes = data.article_content;  // 富文本渲染
+					}
+				})
+			}
+		},
+	}
+</script>
+
+<style>
+	.aricte {
+		background-color: #EEEEEE;
+		padding: 0 28upx 10upx 28upx;
+	}
+	.closeacrile {
+		display: none;
+	}
+	.changeimg {
+		width: 100%;
+		height: auto!important;
+		display: block;
+		text-align: center;
+	}
+</style>

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

@@ -82,5 +82,5 @@
     "van-rate": "/wxcomponents/dist/rate/index",
     "van-cell": "/wxcomponents/dist/cell/index"
   },
-  "sitemapLocation": "sitemap67.json"
+  "sitemapLocation": "sitemap92.json"
 }

unpackage/dist/dev/mp-weixin/common/vendor.js

@@ -757,7 +757,7 @@ function initData(vueOptions, context) {
     try {
       data = data.call(context); // 支持 Vue.prototype 上挂的数据
     } catch (e) {
-      if (Object({"VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG) {
+      if (Object({"NODE_ENV":"development","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG) {
         console.warn('根据 Vue 的 data 函数初始化小程序 data 失败，请尽量确保 data 函数中不访问 vm 对象，否则可能影响首次数据渲染速度。', data);
       }
     }
@@ -8356,7 +8356,7 @@ function type(obj) {
 
 function flushCallbacks$1(vm) {
     if (vm.__next_tick_callbacks && vm.__next_tick_callbacks.length) {
-        if (Object({"VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG) {
+        if (Object({"NODE_ENV":"development","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG) {
             var mpInstance = vm.$scope;
             console.log('[' + (+new Date) + '][' + (mpInstance.is || mpInstance.route) + '][' + vm._uid +
                 ']:flushCallbacks[' + vm.__next_tick_callbacks.length + ']');
@@ -8377,14 +8377,14 @@ function nextTick$1(vm, cb) {
     //1.nextTick 之前 已 setData 且 setData 还未回调完成
     //2.nextTick 之前存在 render watcher
     if (!vm.__next_tick_pending && !hasRenderWatcher(vm)) {
-        if(Object({"VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG){
+        if(Object({"NODE_ENV":"development","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG){
             var mpInstance = vm.$scope;
             console.log('[' + (+new Date) + '][' + (mpInstance.is || mpInstance.route) + '][' + vm._uid +
                 ']:nextVueTick');
         }
         return nextTick(cb, vm)
     }else{
-        if(Object({"VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG){
+        if(Object({"NODE_ENV":"development","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG){
             var mpInstance$1 = vm.$scope;
             console.log('[' + (+new Date) + '][' + (mpInstance$1.is || mpInstance$1.route) + '][' + vm._uid +
                 ']:nextMPTick');
@@ -8460,7 +8460,7 @@ var patch = function(oldVnode, vnode) {
     });
     var diffData = this.$shouldDiffData === false ? data : diff(data, mpData);
     if (Object.keys(diffData).length) {
-      if (Object({"VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG) {
+      if (Object({"NODE_ENV":"development","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG) {
         console.log('[' + (+new Date) + '][' + (mpInstance.is || mpInstance.route) + '][' + this._uid +
           ']差量更新',
           JSON.stringify(diffData));

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

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