1.0yangche/pages/packageOne/user/share_friend/list/list.vue

<template>
	<view class="wrap">
		<view class="header">已获得 <text>{{allData.totalMoney}}</text>  元奖励，成功邀请 <text>{{allData.peopleNum}}</text>  位新朋友入驻</view>
		<view class="friend_list">
		    <view class="friend_list_item" v-for="item,index in allData.arr" :key="index">
				<view class="my_share_lf"><image :src="item.img"></image></view>
				<view class="my_share_rg">
					<view class="my_share_rg_top clear">
						<view class="my_share_rg_name">{{item.nickName}}</view>
						<view class="my_share_rg_text">{{item.enterTime}}</view>
					</view>
					<view class="my_share_rg_top clear">
						<view class="my_share_rg_name" style="font-size:26rpx;color:#666666;">{{item.phone}}</view>
						<view class="my_share_rg_text">{{item.msg}}</view>
					</view>
				</view>
		    </view>
		</view>
	</view>
</template>

<script>
	import api from "../../../../../api.js";
	let app = getApp();
	export default {
		data() {
			return {
				allData:null
			}
		},
		onLoad() {
			this.getData();
		},
		methods: {
			//加载数据
			getData(){
				let data = {
					token:app.globalData.token,
					isAll:1,
				}
				api.getUserMyShare(data).then((res)=>{
					console.log(res);
					this.allData = res.data.data;
				})
			}
		}
	}
</script>

<style>
	.clear:after{
		content: "";
		display: block;
		clear: both;
	}
	.header{
	  height:100rpx;
	  line-height: 100rpx;
	  background:rgba(247,247,247,1);
	  font-size: 26rpx;
	  color:#666666;
	  text-align: center;
	}
	.header text{
	  color: #F6C552;
	}
	.friend_list{
	  width:100%;
	  background-color: #ffffff;
	  padding:0 30rpx;
	  box-sizing: border-box;
	}
	.friend_list_item{
	  width:100%;
	  height:188rpx;
	  border-bottom: 1px solid #F2F2F2;
	  box-sizing: border-box;
	}
	.my_share_lf{
	  float:left;
	  width:106rpx;
	  height:106rpx;
	  margin-top:42rpx;
	}
	.my_share_lf image{
	  display: block;
	  width:100%;
	  height:100%;
	  border-radius: 50%;
	  border:2rpx solid rgba(255,213,164,1);
	}
	.my_share_rg{
	  width:calc(100% - 126rpx);
	  font-size: 26rpx;
	  float:left;
	  height:106rpx;
	  margin-top:42rpx;
	  overflow: hidden;
	  margin-left: 20rpx;
	}
	.my_share_rg_top{
	  font-size: 26rpx;
	  color:#222222;
	  margin-top:8rpx;
	}
	.my_share_rg_name{
	  float:left;
	  font-size: 32rpx;
	}
	.my_share_rg_text{
	  float:right;
	}
</style>