<!--packageE/membertop/membertop.wxml-->

<view class="html-box" wx:if="{{datas.preview_color}}" style="background-color:{{datas.preview_color.color}};background-image: url({{datas.preview_color.isColor == 2? datas.preview_color.image: ''}});">

	<view class="header" wx:if="{{datas.style_align == 'left' && datas.choose_style == 'one'}}">
		<view class="header-info">
			<view class="left">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
			<view class="user-info">
				<view class="user-name name-one">
					<text class="name-a nickname" style="color:{{datas.text_color}};">{{ member_item.nickname }}</text>
					<text class="name-b" style="color: {{datas.id_text_color}};" wx:if="{{datas.show_ID}}">ID:{{ member_item.uid }} </text>
				</view>
				<view class="name_invite" style="display: flex;color: {{datas.invite_text_color}};" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">
						邀请码：{{ member_item.inviteCode.code }}
					<button class="copybtn" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</button>
				</view>
			</view>
			<view class="member-box" style="z-index:2;" wx:if="{{datas.show_grade}}" catchtap="gotoMemberGrade">
				<icon class="iconfont icon-member-enter"></icon>
				<view class="font"  style="max-width: 100rpx;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}</view>
				<icon class="fa fa-angle-right"></icon>
			</view>
		</view>
    </view>

	<view class="header" wx:if="{{datas.style_align == 'right' && datas.choose_style == 'one'}}">
		<view class="header-info">
			<view class="user-info">
				<view class="user-name name-one">
					<text class="name-a nickname" style="color:{{datas.text_color}};">{{ member_item.nickname }}</text>
					<text class="name-b" style="color: {{datas.id_text_color}};" wx:if="{{datas.show_ID}}">ID:{{ member_item.uid }} </text>
				</view>
				<view class="name_invite" style="display: flex;color: {{datas.invite_text_color}};" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">
					邀请码：{{ member_item.inviteCode.code }}
					<button class="copybtn" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</button>
				</view>
			</view>
			<view class="left" style="margin-right: 28%;">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
				<view class="member-box" style="z-index:2;" wx:if="{{datas.show_grade}}" catchtap="gotoMemberGrade">
				<icon class="iconfont icon-member-enter"></icon>
				<view class="font" style="max-width: 100rpx;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}</view>
				<icon class="fa fa-angle-right"></icon>
			</view>
		</view>
	</view>

	<view class="header" wx:if="{{datas.style_align == 'center' && datas.choose_style == 'one'}}">
		<view class="header-info_center">
			<view class="left">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
			<view class="user-info" style="margin-left: 0">
				<view class="user-name name-one">
					<text class="name-a nickname" style="color:{{datas.text_color}};">{{ member_item.nickname }}</text>
					<text class="name-b" wx:if="{{datas.show_ID}}" style="color: {{datas.id_text_color}};">ID:{{ member_item.uid }} </text>
				</view>
				<view class="name_invite" style="display: flex;color: {{datas.invite_text_color}};" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">
					邀请码：{{ member_item.inviteCode.code }}
					<button class="copybtn" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</button>
				</view>
			</view>
			<view class="member-box" style="z-index:2;" wx:if="{{datas.show_grade}}" catchtap="gotoMemberGrade">
				<icon class="iconfont icon-member-enter"></icon>
				<view class="font" style="max-width: 150rpx;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}</view>
				<icon class="fa fa-angle-right"></icon>
			</view>
		</view>
	</view>

	<view class="header-two-left" wx:if="{{datas.style_align == 'left' && datas.choose_style == 'two'}}">
		<view class="header-info">
			<view class="left">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
			<view class="user-info">
				<view class="user-name">
					<view class="name-a nickname" style="color:{{datas.text_color}};max-width: 300rpx;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ member_item.nickname }}</view>
					<view class="name-b" wx:if="{{datas.show_ID}}" style="color: {{datas.id_text_color}};">ID:{{ member_item.uid }}</view>
				</view>
				<view class="name_invite" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">
					<view class="name-a" style="color: {{datas.invite_text_color}};">邀请码：{{ member_item.inviteCode.code }}</view>
					<view class="copybtn" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</view>
				</view>
			</view>
			<view class="member-box"  wx:if="{{datas.show_grade}}" catchtap="gotoMemberGrade">
				<view class="box">
					<icon class="iconfont icon-member-enter"></icon>
					<view class="level">{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}</view>
					<view class="member_btn" style="display:flex;align-items:center;">
						<text>点击查看</text>
						<icon class="iconfont icon-member_look"></icon>
					</view>
				</view>
			</view>
		</view>
	</view>

	<view class="header-two-center" wx:if="{{datas.style_align == 'center' && datas.choose_style == 'two'}}">
		<view class="header-info">
			<view class="left">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
			<view class="user-name">
				<view class="name-a nickname" style="color:{{datas.text_color}};max-width: 250rpx;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ member_item.nickname }}</view>
				<view class="name-b" wx:if="{{datas.show_ID}}" style="color: {{datas.id_text_color}};">ID:{{ member_item.uid }}</view>
			</view>
			<view class="name_invite" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">
				<view class="name-a" style="color: {{datas.invite_text_color}};">邀请码：{{ member_item.inviteCode.code }}</view>
				<view class="copybtn" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</view>
			</view>
			<view class="member-box" wx:if="{{datas.show_grade}}" catchtap="gotoMemberGrade">
				<view class="box">
					<icon class="iconfont icon-member-enter"></icon>
					<view class="level">{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}</view>
					<view class="member_btn" style="display:flex;align-items:center;">
						<text>点击查看</text>
						<icon style="display:flex;align-items:center;" class="iconfont icon-member_look"></icon>
					</view>
				</view>
			</view>
		</view>
	</view>

	<view class="header-two-right" wx:if="{{datas.style_align == 'right' && datas.choose_style == 'two'}}">
		<view class="header-info">
			<view class="user-info">
				<view class="user-name">
					<view class="name-a nickname" style="color:{{datas.text_color}};max-width: 300rpx;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ member_item.nickname }}</view>
					<view class="name-b" wx:if="{{datas.show_ID}}" style="color: {{datas.id_text_color}};">ID:{{ member_item.uid }}</view>
				</view>
				<view class="name_invite" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">
					<view class="name-a" style="color: {{datas.invite_text_color}};">邀请码：{{ member_item.inviteCode.code }}</view>
					<view class="copybtn" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</view>
				</view>
			</view>
			<view class="left">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
			<view class="member-box" wx:if="{{datas.show_grade}}" catchtap="gotoMemberGrade">
				<view class="box">
					<icon class="iconfont icon-member-enter"></icon>
					<view class="level">{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}</view>
					<view class="member_btn" style="display:flex;align-items:center;">
						<text>点击查看</text>
						<icon class="iconfont icon-member_look"></icon>
					</view>
				</view>
			</view>
		</view>
	</view>

	<view class="header-three-left" wx:if="{{datas.style_align == 'left' && datas.choose_style == 'three'}}">
		<view class="header-info">
			<view class="left">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
			<view class="user-info">
				<view class="user-name">
					<view class="name-a nickname" style="color:{{datas.text_color}};max-width: 200rpx;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ member_item.nickname }}</view>
					<view class="name-b" wx:if="{{datas.show_ID}}" style="color: {{datas.id_text_color}};">ID:{{ member_item.uid }}</view>
				</view>
				<view class="name_invite" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">
					<view class="name-a" style="color: {{datas.invite_text_color}};">邀请码：{{ member_item.inviteCode.code }}</view>
					<view class="copybtn" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</view>
				</view>
			</view>
			<view class="member-box" style="position: absolute;right: 0;bottom: 0" wx:if="{{datas.show_grade}}" catchtap="gotoMemberGrade">
				<view class="box">
					<view class="level">
						<icon class="iconfont icon-member-enter"></icon>
						{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}
					</view>
					<view class="member_btn" style="display:flex;align-items:center;">
						<text>点击查看</text>
						<icon class="iconfont icon-member_look"></icon>
					</view>
				</view>
			</view>
		</view>
	</view>

	<view class="header-three-center" wx:if="{{datas.style_align == 'center' && datas.choose_style == 'three'}}">
		<view class="header-info">
			<view class="left">
				<view class="left-a">
					<image src="{{member_item.avatar}}" mode="widthFix"></image>
				</view>
			</view>
			<view style="width: 90px"></view>
			<view class="user-info" style="flex:{{datas.show_grade?'1':''}};">
				<view class="user-name">
					<view class="name-a nickname" style="color:{{datas.text_color}};max-width: 200rpx;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ member_item.nickname }}</view>
					<view class="name-b" wx:if="{{datas.show_ID}}" style="color: {{datas.id_text_color}};">ID:{{ member_item.uid }}</view>
				</view>
				<view class="name_invite" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">
					<view class="name-a" style="color: {{datas.invite_text_color}};">邀请码：{{ member_item.inviteCode.code }}</view>
					<view class="copybtn" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</view>
				</view>
			</view>
			<view class="member-box" wx:if="{{datas.show_grade}}" catchtap="gotoMemberGrade">
				<view class="box">
					<view class="level">
						<icon class="iconfont icon-member-enter"></icon>
						{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}
					</view>
					<view class="member_btn" style="display:flex;align-items:center;">
						<text>点击查看</text>
						<icon class="iconfont icon-member_look"></icon>
					</view>
				</view>
			</view>
		</view>
	</view>

	<view class="header-three-right" wx:if="{{datas.style_align == 'right' && datas.choose_style == 'three'}}">
		<view class="header-info">
			<view class="user-info">
				<view class="user-name">
					<view class="name-a nickname" style="color:{{datas.text_color}};max-width: 200rpx;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ member_item.nickname }}</view>
					<view class="name-b" wx:if="{{datas.show_ID}}" style="color: {{datas.id_text_color}};">ID:{{ member_item.uid }}</view>
				</view>
				<view class="name_invite" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">
					<view class="name-a" style="color: {{datas.invite_text_color}};">邀请码：{{ member_item.inviteCode.code }}</view>
					<view class="copybtn" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</view>
				</view>
			</view>
			<view class="left" style="margin-right: 85px">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
			<view class="member-box" style="position: absolute;right: 0;bottom: 0" wx:if="{{datas.show_grade}}" catchtap="gotoMemberGrade">
				<view class="box">
					<view class="level">
						<icon class="iconfont icon-member-enter"></icon>
						{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}
					</view>
					<view class="member_btn" style="display:flex;align-items:center;">
						<text>点击查看</text>
						<icon class="iconfont icon-member_look"></icon>
					</view>
				</view>
			</view>
		</view>
	</view>

	<view class="header-four-left" wx:if="{{datas.style_align == 'left' && datas.choose_style == 'four'}}">
		<view class="header-info">
			<view class="left">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
			<view class="user-info">
				<view class="user-name">
					<view class="name-a nickname" style="color:{{datas.text_color}};width: 288rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ member_item.nickname }}</view>
					<view class="name-b" wx:if="{{datas.show_grade}}" catchtap="gotoMemberGrade">
						<view class="name-b0">
							<view class="name-b-a">
								<icon style="font-size:46rpx;display:flex;align-items:center;justify-content:center;" class="iconfont icon-member-enter"></icon>
							</view>
						</view>
						<view class="name-b-b" style="font-size: 12px;max-width: 180rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}</view>
					</view>
				</view>
				<view class="name_invite">
					<view class="name-c" wx:if="{{datas.show_ID}}" style="color: {{datas.id_text_color}};">ID：{{ member_item.uid }}</view>
					<view class="name-a" style="color: {{datas.invite_text_color}};" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">邀请码：{{ member_item.inviteCode.code }}</view>
					<view class="copybtn" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</view>
				</view>
			</view>
		</view>
	</view>

	<view class="header-four-center" wx:if="{{datas.style_align == 'center' && datas.choose_style == 'four'}}">
		<view class="header-info">
			<view class="left" style="margin-bottom:{{datas.show_grade?'0':'8px'}}">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
			<view class="user-level" wx:if="{{datas.show_grade}}" catchtap="gotoMemberGrade">
				<view class="name-b">
					<view class="name-b0">
						<view class="name-b-a">
							<icon style="font-size:46rpx;display:flex;align-items:center;justify-content:center;height:50rpx;" class="iconfont icon-member-enter"></icon>
						</view>
					</view>
					<view class="name-b-b" style="font-size: 12px;max-width: 200rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}</view>
				</view>
			</view>
			<view class="user-name nickname" style="color:{{datas.text_color}};display: block;text-align: center;width: 288rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ member_item.nickname }}</view>
			<view class="name_invite">
				<view class="name-c" wx:if="{{datas.show_ID}}" style="color: {{datas.id_text_color}};">ID：{{ member_item.uid }}</view>
				<view class="name-a" style="color: {{datas.invite_text_color}};" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">邀请码：{{ member_item.inviteCode.code }}</view>
				<view class="copybtn" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</view>
			</view>
		</view>
	</view>

	<view class="header-four-right" wx:if="{{datas.style_align == 'right' && datas.choose_style == 'four'}}">
		<view class="header-info">
			<view class="user-info">
				<view class="user-name">
					<view class="name-a nickname" style="color:{{datas.text_color}};width: 288rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ member_item.nickname }}</view>
					<view class="name-b" wx:if="{{datas.show_grade}}" catchtap="gotoMemberGrade">
						<view class="name-b0">
							<view class="name-b-a">
								<icon style="font-size:46rpx;display:flex;align-items:center;justify-content:center;" class="iconfont icon-member-enter"></icon>
							</view>
						</view>
						<view class="name-b-b" style="font-size: 12px;max-width: 180rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}</view>
					</view>
				</view>
				<view class="name_invite">
					<view class="name-c" wx:if="{{datas.show_ID}}" style="color: {{datas.id_text_color}};">ID：{{ member_item.uid }}</view>
					<view class="name-a" style="color: {{datas.invite_text_color}};" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">邀请码：{{ member_item.inviteCode.code }}</view>
					<view class="copybtn" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</view>
				</view>
			</view>
			<view class="left">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
		</view>
	</view>

	<view class="header-five-left" wx:if="{{datas.style_align == 'left' && datas.choose_style == 'five'}}">
		<view class="header-info">
			<view class="left">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
			<view class="user-info">
				<view class="user-name">
					<view class="name-a nickname" style="color:{{datas.text_color}};width: 288rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ member_item.nickname }}</view>
					<view class="name-b" wx:if="{{datas.show_grade}}" style="display:flex;align-items:center;" catchtap="gotoMemberGrade">
						<icon style="display:flex;" class="iconfont icon-member-enter"></icon>
						<text style="font-size: 12px;max-width: 180rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}</text>
					</view>
				</view>
				<view class="name_invite">
					<view class="name-c" wx:if="{{datas.show_ID}}" style="color: {{datas.id_text_color}};">ID：{{ member_item.uid }}</view>
					<view class="name-a" style="color: {{datas.invite_text_color}};" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">邀请码：{{ member_item.inviteCode.code }}</view>
					<view class="copybtn" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</view>
				</view>
			</view>
		</view>
	</view>

	<view class="header-five-center" wx:if="{{datas.style_align == 'center' && datas.choose_style == 'five'}}">
		<view class="header-info">
			<view class="left" style="margin-bottom:{{datas.show_grade?'0':'8px'}}">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
			<view class="user-level" wx:if="{{datas.show_grade}}" catchtap="gotoMemberGrade">
				<view class="name-b" style="display:flex;align-items:center;">
					<icon style="display:flex;" class="iconfont icon-member-enter"></icon>
					<text style="font-size: 12px;max-width: 120rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}</text>
				</view>
			</view>
			<view class="user-name nickname" style="color:{{datas.text_color}};width: 288rpx;display: block;text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ member_item.nickname }}</view>
			<view class="name_invite">
				<view class="name-c" wx:if="{{datas.show_ID}}" style="color: {{datas.id_text_color}};">ID：{{ member_item.uid }}</view>
				<view class="name-a" style="color: {{datas.invite_text_color}};" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">邀请码：{{ member_item.inviteCode.code }}</view>
				<view class="copybtn" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</view>
			</view>
		</view>
	</view>

	<view class="header-five-right" wx:if="{{datas.style_align == 'right' && datas.choose_style == 'five'}}">
		<view class="header-info">

			<view class="user-info">
				<view class="user-name">
					<view class="name-a nickname" style="color:{{datas.text_color}};width: 288rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ member_item.nickname }}</view>
					<view class="name-b" wx:if="{{datas.show_grade}}" style="display:flex;align-items:center;" catchtap="gotoMemberGrade">
						<icon style="display:flex;" class="iconfont icon-member-enter"></icon>
						<text style="font-size: 12px;max-width: 180rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ datas.grade_type == '1'? member_item.level_name :datas.levelname }}</text>
					</view>
				</view>
				<view class="name_invite">
					<view class="name-c" wx:if="{{datas.show_ID}}" style="color: {{datas.id_text_color}};">ID：{{ member_item.uid }}</view>
					<view class="name-a" style="color: {{datas.invite_text_color}};" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}">邀请码：{{ member_item.inviteCode.code }}</view>
					<view class="copybtn" wx:if="{{member_item.is_agent && member_item.inviteCode && member_item.inviteCode.status}}" data-num="{{member_item.inviteCode.code}}" catchtap="copybtn">复制</view>
				</view>
			</view>
			<view class="left">
				<image src="{{member_item.avatar}}" mode="widthFix"></image>
			</view>
		</view>
	</view>



</view>
