<!--pages/my/my.wxml-->
<view class="page-user-center">
	<view class="top-content">
		<view class="user-header-wrap">
			<view class="header-content">
				<view class="avatar-wrap">
					<view class="avatar">
						<open-data type="userAvatarUrl" />
					</view>
					<image class="crown" src="/assets/imgs/crown.png" />
				</view>
				<view class="user-info">
					<text class="member">分享号会员</text>
					<text class="name">会员名称</text>
				</view>
				<view class="method-btn">不会玩看这里
					<image class="small-arrow" src="/assets/imgs/small-arrow-right.png" />
				</view>
			</view>
			<view class="opration-wrap">
				<view class="opration-list">
					<text>2268</text>
					<text>积分</text>
				</view>
				<view class="opration-list">
					<text>2268</text>
					<text>优惠券</text>
				</view>
				<view class="opration-list">
					<text>2268</text>
					<text>分享值</text>
				</view>
				<view class="opration-list">
					<image class="code" src="/assets/imgs/member-code.png" />
					<text>会员码</text>
				</view>
			</view>
		</view>

		<view class="member-interest">
			<!-- 收起 -->
			<view class="interest-fold" bindtap="onTapUnfold">
				<image src="/assets/imgs/plus-bg.png" />
				<view class="interest-top">
					<text class="title">PLUS 已为你节省 xxx 元</text>
				</view>
				<view class="recharge">
					<text>一键续费PLUS会员</text>
					<image src="/assets/imgs/small-arrow-right.png" />
				</view>
			</view>
			<!-- 普通会员 -->
			<view class="interest-fold" bindtap="onTapUnfold" wx:if="{{false}}">
				<image src="/assets/imgs/regular-member.png" />
				<view class="regular-top">
					即刻成为
					<text class="regular-title"> PLUS </text>
					会员，立享xxx权益
				</view>
				<view class="recharge">
					<!-- <text>一键续费PLUS会员</text> -->
					<image src="/assets/imgs/small-arrow-right.png" />
				</view>
			</view>
			<!-- 展开 -->
			<view class="interest-unfold" id="plusImg">
				<image class="interest-unfold-bg" src="/assets/imgs/interest-unfold.png" />
				<view class="interest-title-line">
					<image src="/assets/imgs/interest-line.png" />
				</view>
				<view class="personal-interest">
					专属xxx权益
				</view>
				<view class="interest-name">
					<view class="interest-ul">
						<view class="interest-list">
							<image class="interest-icon" src="/assets/imgs/interest-icon.png" />
							<view class="interest-title">
								<text>权益名称</text>
							</view>
						</view>
						<view class="interest-list">
							<image class="interest-icon" src="/assets/imgs/interest-icon.png" />
							<view class="interest-title">
								<text>权益名称</text>
							</view>
						</view>
						<view class="interest-list">
							<image class="interest-icon" src="/assets/imgs/interest-icon.png" />
							<view class="interest-title">
								<text>权益名称</text>
							</view>
						</view>
						<view class="interest-list">
							<image class="interest-icon" src="/assets/imgs/interest-icon.png" />
							<view class="interest-title">
								<text>权益名称</text>
							</view>
						</view>
						<view class="interest-list">
							<image class="interest-icon" src="/assets/imgs/interest-icon.png" />
							<view class="interest-title">
								<text>权益名称</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>

	<view
	 class="main-content"
	 bindtouchstart="touchS"
	 bindtouchmove="touchM"
	 bindtouchend="touchE"
	 style="{{refreshClass}}"
	>
		<view class="order-ul">
			<view class="order-list">
				<view class="my-order">
					<text class="order-title">我的订单</text>
					<text class="look-all">查看全部订单</text>
				</view>
				<view class="order-item">
					<view class="item">
						<image class="order-icon" />
						<view class="order-desc">待付款</view>
					</view>
					<view class="item">
						<image class="order-icon" />
						<view class="order-desc">待付款</view>
					</view>
					<view class="item">
						<image class="order-icon" />
						<view class="order-desc">待付款</view>
					</view>
					<view class="item">
						<image class="order-icon" />
						<view class="order-desc">待付款</view>
					</view>
				</view>
			</view>
		</view>
		<view class="banner">
			<image src="/assets/imgs/invitation-bg.png" />
			<view class="banner-title">
				<view class="top-title">拉卡萨解放军</view>
				<view class="bottom-title">地方的对方水电费第三方第三方</view>
			</view>
		</view>
		<view class="order-ul">
			<view class="order-list">
				<view class="my-order">
					<text class="order-title">常用工具？</text>
				</view>
				<view class="order-item">
					<view class="item">
						<image class="order-icon" />
						<view class="order-desc">待付款</view>
					</view>
					<view class="item">
						<image class="order-icon" />
						<view class="order-desc">待付款</view>
					</view>
					<view class="item">
						<image class="order-icon" />
						<view class="order-desc">待付款</view>
					</view>
					<view class="item">
						<image class="order-icon" />
						<view class="order-desc">待付款</view>
					</view>
					<view class="item">
						<image class="order-icon" />
						<view class="order-desc">待付款</view>
					</view>
				</view>
				<view class="tool-list" wx:if="{{false}}">
					<view class="tool-item">
						<image class="tool-icon" />
						<view class="tool-desc">待付款</view>
					</view>
					<view class="tool-item">
						<image class="tool-icon" />
						<view class="tool-desc">待付款</view>
					</view>
					<view class="tool-item">
						<image class="tool-icon" />
						<view class="tool-desc">待付款</view>
					</view>
					<view class="tool-item">
						<image class="tool-icon" />
						<view class="tool-desc">待付款</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</view>
<!--goHome-->
<go-home/>

<!--<view class="animation-element-wrapper">
  <view class="animation-element" animation="{{animation}}"></view>
</view>
<view class="animation-buttons" scroll-y="true">
  <button class="animation-button" bindtap="translate">移动</button>
  <button class="animation-button animation-button-reset" bindtap="reset">还原</button>
</view>-->

