<template>
	<view class="member_content">
		<view class="step_member_user_info">
			<MemberUserInfo />
		</view>
		<!-- 会员专享 -->
		<view class="step_member_exclusive">
			<MemberExclusive />
		</view>
		<view style="width: 100%">
			<u-gap height="14rpx" bgColor="#F6F6F6"></u-gap>
		</view>
		<!-- 为你推荐  -->
		<view class="step_member_recommend">
			<MemberRecommend />
		</view>
	</view>
</template>

<script>
	import MemberUserInfo from './memberUserInfo.vue'
	import MemberExclusive from './memberExclusive.vue'
	import MemberRecommend from './memberRecommend.vue'
	export default {
		components: {
			MemberExclusive,
			MemberRecommend,
			MemberUserInfo
		},
		data() {
			return {

			}
		}
	}
</script>

<style lang="scss">
	.member_content {
		width: 100%;
		padding: 32rpx 0;
		box-sizing: border-box;

		.step_member_user_info {
			width: 100%;
			padding: 0 32rpx;
			box-sizing: border-box;
		}

		.step_member_exclusive {
			width: 100%;
			padding: 0rpx 0 32rpx 32rpx;
			box-sizing: border-box;
			background-color: #ffffff;
		}

		.step_member_recommend {
			width: 100%;
			padding: 32rpx;
			box-sizing: border-box;
		}
	}
</style>