<!--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" ></open-data>
          </view>
          <image class="crown" src="/assets/imgs/crown.png"></image>
        </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"></image>
        </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"></image>
          <text>会员码</text>
        </view>
      </view>
    </view>

    <view class="member-interest">
      <!-- 收起 -->
        <view class="interest-fold" bindtap="onTapUnfold">
          <image  src="/assets/imgs/plus-bg.png"></image>
          <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"></image>
            </view>
        </view>
        <!-- 普通会员 -->
         <view class="interest-fold" bindtap="onTapUnfold" wx:if="{{false}}">
          <image  src="/assets/imgs/regular-member.png"></image>
          <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"></image>
            </view>
        </view>
        <!-- 展开 -->
        <view class="interest-unfold" id="plusImg">
          <image class="interest-unfold-bg"  src="/assets/imgs/interest-unfold.png"></image>
          <view class="interest-title-line">
            <image src="/assets/imgs/interest-line.png"></image>
          </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"></image>
                <view class="interest-title">
                  <text>权益名称</text>
                </view>
              </view>
              <view class="interest-list">
                <image class="interest-icon" src="/assets/imgs/interest-icon.png"></image>
                <view class="interest-title">
                  <text>权益名称</text>
                </view>
              </view>
              <view class="interest-list">
                <image class="interest-icon" src="/assets/imgs/interest-icon.png"></image>
                <view class="interest-title">
                  <text>权益名称</text>
                </view>
              </view>
              <view class="interest-list">
                <image class="interest-icon" src="/assets/imgs/interest-icon.png"></image>
                <view class="interest-title">
                  <text>权益名称</text>
                </view>
              </view>
              <view class="interest-list">
                <image class="interest-icon" src="/assets/imgs/interest-icon.png"></image>
                <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"></image>
            <view class="order-desc">待付款</view>
          </view>
          <view class="item">
            <image class="order-icon"></image>
            <view class="order-desc">待付款</view>
          </view>
          <view class="item">
            <image class="order-icon"></image>
            <view class="order-desc">待付款</view>
          </view>
          <view class="item">
            <image class="order-icon"></image>
            <view class="order-desc">待付款</view>
          </view>
        </view>
      </view>
    </view>
    <view class="banner">
      <image src="/assets/imgs/invitation-bg.png"></image>
      <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"></image>
            <view class="order-desc">待付款</view>
          </view>
          <view class="item">
            <image class="order-icon"></image>
            <view class="order-desc">待付款</view>
          </view>
          <view class="item">
            <image class="order-icon"></image>
            <view class="order-desc">待付款</view>
          </view>
          <view class="item">
            <image class="order-icon"></image>
            <view class="order-desc">待付款</view>
          </view>
          <view class="item">
            <image class="order-icon"></image>
            <view class="order-desc">待付款</view>
          </view>
        </view>
        <view class="tool-list"  wx:if="{{false}}">
          <view class="tool-item">
            <image class="tool-icon"></image>
            <view class="tool-desc">待付款</view>
          </view>
           <view class="tool-item">
            <image class="tool-icon"></image>
            <view class="tool-desc">待付款</view>
          </view>
           <view class="tool-item">
            <image class="tool-icon"></image>
            <view class="tool-desc">待付款</view>
          </view>
           <view class="tool-item">
            <image class="tool-icon"></image>
            <view class="tool-desc">待付款</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>

<bottom-tabs />


<!--<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>-->



