flying-monkey/pagesB/new-product/new-product.vue

<template>
	<view>
		<status-nav navBarTitle="新产品" returnColor="#c2c2c2"></status-nav>
		<container-subgroup>
			<view slot="content" style="margin: 0 -16rpx;" class="fon28">
				<view @tap="goDetail(index)" class="bacf radius10 pad-sx20 pad-zy10 disjbac mar-x20 animated fadeIn" style="box-shadow: 0rpx 3rpx 20rpx rgba(0,0,0,.3);" v-for="(item,index) in dataList" :key="index">
					<image :src="item.imgsrc" mode="aspectFill" lazy-load class="flexs" style="width: 240rpx;height: 184rpx;"></image>
					<view style="height: 184rpx;" class="width100 disjb fc pad-zy20 fon24">
						<view class=" clips2">{{item.title}}</view>
						<view class="fon26 disac">
							<view class="contact-box" @tap.stop="contactEv">联系在线客服</view>
						</view>
						<view class="disjbac">
							<view class="col9">起订量：{{item.num}}起批</view>
							<view style="color: #0ac9ea;">{{item.peopleNum}}想采购</view>
						</view>
					</view>
				</view>
				<pitera v-if="total==dataList.length && dataList.length" textStr="暂无更多新产品列表数据"></pitera>
				<nothing-page v-if="!dataList.length && !ifLoading" content="暂无更多新产品列表数据"></nothing-page>
			</view>
		</container-subgroup>
	</view>
</template>

<script>
	import pitera from '@/components/nothing/pitera.vue';
	export default {
		components:{
			pitera
		},
		data() {
			return {
				dataList:[
					{id:1,imgsrc:'/static/del/img001.png',title:'智能会议平板交互电子白板会议一体机视 频会议多媒体教学培训',num:'1台',peopleNum:'1135'},
				],
				page:1,
				size:20,
				total:0,
				ifLoading:true
			}
		},
		onReachBottom() {
			if(this.total!=this.dataList.length) {
				this.page++;
				// 调用获取新产品列表
				this.getProductEv();
			}
		},
		onLoad() {
			// 调用获取新产品列表
			this.getProductEv();
		},
		methods: {
			// 获取新产品列表
			getProductEv(){
				uni.showLoading({
					title:'加载中...',
					mask:true
				})
				// this.$request.get('',{list_rows:this.size,page:this.page}).then(res=>{
				// 	if(res.code) {
				// 		this.total = res.data.total;
				// 		if(this.page==1) this.dataList = [];
				// 	} else {
				// 		this.$toolAll.tools.showToast(res.msg);
				// 	}
					uni.hideLoading();
					this.ifLoading = false;
				// })
			},
			// 去新产品详情
			goDetail(index){
				uni.navigateTo({
					url:'/pagesB/plan-fault-product-detail/detail?index=2'
				})
			},
			// 联系客服
			contactEv(){
				this.$toolAll.tools.countCustomer('15616330510');
			}
		}
	}
</script>

<style>
.contact-box{color: #00a2e9;border: 1rpx solid #00a2e9;border-radius: 6rpx;padding: 2rpx 10rpx;display: inline-flex;justify-content: center;align-items: center;font-size: 26rpx;}
</style>