xiangqin/pages/index/renzhengVip.vue

<template>
	<view>
		<view class="" style="background-color: #fff;width: 690rpx;margin-bottom: 20rpx;border-radius: 40rpx;" v-for="(item,index) in list" :key="index" @click="toinfo(item)">
			<view class="">
				<image :src="item.headimg" mode="" style="width: 690rpx;
				height: 640rpx;
				border-radius: 40rpx;"></image>
			</view>
	<view class="" style="font-size: 40rpx;padding: 20rpx;">
		{{item.nickname}} <image src="../../static/index/2@2x.png" mode="" style="width: 36rpx;height: 36rpx;margin:0 20rpx" v-show="item.sex==1"></image> <image src="../../static/index/1@2x.png" mode="" style="width: 36rpx;height: 36rpx;margin:0 20rpx"  v-show="item.sex==2"></image>
	</view>
	<view class="u-flex u-row-between"  style="font-size: 28rpx;padding: 20rpx;color: #888888;">
		<text>{{item.province_id?item.province_id+'·':''}}{{item.age?item.age+'·':''}}{{item.height?item.height:''}}</text>
		<image src="../../static/index/dazhaohu.png" mode="" style="width: 190rpx;height: 68rpx;vertical-align: middle;" @click.stop="tomessage(item)"></image>
	</view>
		</view>
	</view>
</template>

<script>
	export default {
		onLoad() {
				this.getList()
		},
		data() {
			return {
				list:[],
				page:1
			}
		},
		onReachBottom() {
			this.page++
			this.getList()
		},
		methods: {
			tomessage(item){
				uni.navigateTo({
					url:'./message?otherid='+item.im_id
				})
			},
			toinfo(item){
				uni.navigateTo({
					url:'../profile/otherPage?id='+item.id
				})
			},
			getList(){
				uni.$u.http.post('/api/Index/certified_user',{page:this.page}).then(res => {
				this.list=[...this.list,...res.data]
				})
			},
		}
	}
</script>

<style lang="scss">
page{
	padding: 20rpx 30rpx;
	background-color: #F6F2FD;
}
</style>