ppl/pages/my/shequ.vue

<template>
	<view>
		<view>
			<view style="text-align: center;color: #fff;font-size: 45rpx;font-weight: bold;padding: 50rpx 0;border-bottom: #d3d9dc solid 1rpx;">
				<text style="padding: 0 20rpx;">{{huizong.jibie}}社区粉丝{{huizong.count}}</text>				
				<view style="padding:20rpx;text-align: center;"><text style="padding: 0 20rpx;">销售额{{huizong.price}}</text> <text style="padding: 0 20rpx;">拍拍宝{{huizong.ppb}}</text></view>
			</view>
			<view style="box-shadow: 0px 1px 24px -1px rgba(0,0,0,0.2);padding: 20rpx 0rpx;display: table;width:100%;margin-top: 10rpx;"  v-for="(item, index) in goodlist" :key="index">
				<image src="../../static/tx1.png" style="width: 80rpx;float: left;margin-left: 20rpx;" mode="widthFix">
				<view style="font-size: 28rpx;display: block;float: left;margin-left: 10rpx;">
					<view style="color: #fff;">{{item.xm}}</view>
					<view style="color: #d3d9dc;">{{item.time}}</view>
				</view>
				<view style="float: right;line-height: 200%;color: #bb3647;margin-right: 20rpx;font-weight: bold;font-size: 36rpx;">
					{{item.num}}
				</view>
			</view>
		</view>		
	</view>
</template>
<script>
	export default {
		data() {
			return {
				list:[],
				userinfo:[],
				goodlist:[],
				huizong:[]
			}
		},
		methods: {
			sklist(){
				var data = new Object();
				data.uid = this.userinfo.id;
				this.$api
					.MhGetModel(data, 'user/shequ')
					.then(res => {		
						this.goodlist = res.data.data;
						this.huizong = res.data.huizong;
					})
					.catch(err => {
						// console.log('request fail', JSON.stringify(err));
					});
			}
		},
		onLoad() {
			var user = this.$api.getUserinfo();
			this.userinfo = user;
			this.sklist()
		}
	}
</script>

<style>
page{padding: 15rpx;background:   #98a737;background-attachment: fixed !important;
    background-repeat: no-repeat !important;}
.b1 {
    overflow: hidden;
    padding: 10rpx 15rpx;
    color: #f1a325;
    background: #fff0d5;
    border: 1rpx solid #ffdcbc;
}
</style>