<template name="my">
	<view>
		<view class="grace-list">
			<view class="grace-list-items">
				<view class="grace-list-image ucenter-face grace-relative">
					<image class="grace-list-image ucenter-face-image" :src="fetch.user.avatar" mode="widthFix"></image>
				</view>
				<view class="grace-list-body">
					<view class="grace-list-title">
						<text class="grace-list-title-text">{{fetch.user.username}}</text>
					</view>
					<view class="grace-list-body-desc">{{fetch.user.desc}}</view>
				</view>
				<text class="grace-list-arrow-right grace-icons icon-arrow-right"></text>
			</view>
		</view>
		<view class="ucenter-line"></view>
		<view>
			<graceBoxBanner :items="fetch.num"></graceBoxBanner>
		</view>
		<view class="ucenter-line"></view>
		<view class="grace-list grace-margin-top">
			<shop ref="shop" :index="index" :content_id="content_id" :code="code" :width="width"></shop>
		</view>
	</view>
</template>

<script>
import shop from "@/pages/dream/func/shop.vue";
export default {
	name: "cate",
	props: {
		content_id : {
			type : String,
			value : null
		},
		width : {
			type : String,
			default : '100%'
		},
		code : {
			type : String,
			default : ''
		},
		param : {},
		index : 0
	},
    data() {
    	return {
			fetch : {
				user : {},
				num : [],
			},
			items: [
				['￥199', '', '钱包'],
				[80, '', '金币'],
				[100, '', '好友'],
				[50, '', '动态'],
			]
		}
    },
	mounted() {
		this.getData();
	},
	methods:{
		getData : function() {
			var self = this;
			this.Dever.get(this, 'app/collection/?l=api.getUser', {code:this.code, content_id:this.content_id,noloading:1});
		},
		getInfo : function(t) {
			//触底刷新
		},
	},
	components:{
		shop
	}
}
</script>

<style>
.ucenter-face{width:100rpx !important; height:100rpx !important;}
.ucenter-face-image{width:100rpx !important; height:100rpx !important;}
.ucenter-line{height:12rpx; background-color:#F4F5F6; margin:16rpx 0;}
</style>
