app/pages/myMember/myMember.wxml

<!-- pages/myMember/myMember.wxml -->
<!-- 会员说明 -->
<import src="../../wxParse/wxParse.wxml" />
<view>
  <view class="menutop">
    <view style="width:100%;height:{{statusBarHeight}}"></view>
    <view class="diy-top {{activeTitle?'activeTitle':''}}" style="height:{{statusBarHeight}}">
      <view class="diy-menu" style="margin-top:{{statusBarMH}};height:{{stHeight}}" bindtap="goback">
        <text class="iconfont icon-xiayibu font35 right-icon"></text>
        <!-- <image src="{{appAssetsUrl}}/updata/arrows.png" class="arrowico" /> -->
        <view class="diy-title">我的会员卡</view>
      </view>
    </view>
    <view class="mine">
      <view>
        <view class="name">{{detail.vipname}}</view>
        <view class="info-item">
          <view class="icon-box">
            <image class='micon img-icon' style="width:36rpx;height:30rpx;margin-right:2rpx;" src='{{appAssetsUrl}}/images/my/diamonds.png'></image>
          </view>
          <text class="name-text">{{detail.memberState == 0 ? '普通用户' : '青雲慧会员'}}</text>
        </view>
        <view class="info-item">
          <view class="icon-box">
            <image class='micon' style="width:25rpx;height:22rpx;" src='{{appAssetsUrl}}/images/my/calendar.png'></image>
          </view>
          <text wx:if="{{detail.memberState == 0}}">到期时间：未开通</text>
          <text wx:if="{{detail.memberState == 1}}">到期时间：{{detail.expireTime}}</text>
          <text wx:if="{{detail.memberState == 2}}">到期时间：终生有效</text>
          <text wx:if="{{detail.memberState == 3}}">到期时间：{{detail.expireTime}}</text>
        </view>

        <!-- <view>到期时间：{{detail.memberState == 0 ? '未开通' : detail.expireTime}}</view> -->
        <view class="info-item">
          <view class="icon-box">
            <image class='micon' style="width:28rpx;height:22rpx;" src='{{appAssetsUrl}}/images/my/cardNo.png'></image>
          </view>
          <text>卡号：{{detail.cardno}}</text>
        </view>
      </view>
      <view>
        <image class="auter" src="{{detail.memberphoto?detail.memberphoto:(appAssetsUrl+'/images/bz1_nor.png')}}"></image>
      </view>
    </view>

    <!-- <view class="vip-box">
      <view class="{{currentImg == 1 ? 'active-line vip-item' : 'vip-item'}}" style="background: url({{appAssetsUrl2}}wjxy/mine/yearBg.png) no-repeat;background-size: 100% 100%;" data-currentImg="1" bindtap="changeVip">
        <icon class="icon-small" type="success" size="23" color="#EABC77" class="{{currentImg == 1 ? 'succ-icon' : ''}}" wx:if="{{currentImg == 1}}"></icon>
        <view class="icon-box">
          <image class="vip-img" src="{{appAssetsUrl2}}wjxy/mine/vip-icon.png"></image>
          <text>年度VIP会员</text>
        </view>
        <text>
          <text class="unit">￥</text>
          <text class="price">{{wgFillInfo.perYearPrice}}</text>
          <text class="unit">元</text>
        </text>
      </view>
      <view class="{{ currentImg == 2 ? 'vip-item lifelongBg active-line' : 'vip-item lifelongBg'}}" style="background: url({{appAssetsUrl2}}wjxy/mine/lifelongBg.png) no-repeat;background-size: 100% 100%;" data-currentImg="2" bindtap="changeVip">
        <icon class="icon-small" type="success" size="23" color="#EABC77" class="{{currentImg == 2 ? 'succ-icon' : ''}}" wx:if="{{currentImg == 2}}"></icon>
        <view class="icon-box">
          <image class="vip-img" src="{{appAssetsUrl2}}wjxy/mine/vip-icon.png"></image>
          <text>终身VIP会员</text>
        </view>
        <text>
          <text class="unit">￥</text>
          <text class="price">{{wgFillInfo.lifelongPrice}}</text>
          <text class="unit">元</text>
        </text>
      </view>
    </view> -->
  </view>

  <image wx:if="{{false}}" mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-title1.png" class="title-image"></image>
  <view wx:if="{{false}}" class="desc-image-box">
    <view class="desc-image">
      <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-desc-item1.png"></image>
      <text>充值送积分</text>
    </view>
    <view class="desc-image">
      <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-desc-item2.png"></image>
      <text>优质兼职</text>
    </view>
    <view class="desc-image">
      <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-desc-item3.png"></image>
      <text>课程折扣</text>
    </view>
    <view class="desc-image">
      <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-desc-item4.png"></image>
      <text>沙龙活动</text>
    </view>
  </view>
  <view class="work" wx:if="{{0}}">
    <view class="title">会员权益</view>
    <view class="item">
      <view class="work-item">
        <image src="{{appAssetsUrl2}}wjxy/mine/integral.png"></image>
        <text>充值送积分</text>
      </view>
      <view class="work-item">
        <image src="{{appAssetsUrl2}}wjxy/mine/partTime-work.png"></image>
        <text>优质兼职</text>
      </view>
      <view class="work-item">
        <image src="{{appAssetsUrl2}}wjxy/mine/activity-work.png"></image>
        <text>免费活动</text>
      </view>
    </view>
  </view>
  <image wx:if="{{false}}" mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-title2.png" class="title-image"></image>
  <!-- <view class="illustrate">权益说明</view> -->
  <view class="desc-text">
    <template is="wxParse" data="{{wxParseData:memberNotice.nodes}}" class="partime-detail-info" />
  </view>

  <!-- style="height:{{bottomLeft + botCheck + 40}}px;" botCheck -->
  <view class="bbb" style="height:{{ detail.memberState == 2 ? bottomLeft + 40 : bottomLeft + 50}}px;">
    <!-- style="bottom:{{botCheck + bottomLeft + 10}}px" -->
    <!-- <checkbox-group bindchange="checkboxChange" wx:if="{{detail.memberState != 2}}" class="Agreement">
    <view class='check-box'>
      <checkbox value="value" checked="true" />
      <text bindtap="toMembershipAgreement" class="font30" style="vertical-align: middle;">已阅读并同意<text style="color: #00A8FF;">《青雲慧会员协议》</text></text>
    </view>
  </checkbox-group> -->
    <!-- <view class="pwo" id="bot-box">
    <view class='up-view'>
      <view class="{{agree ? 'btn' : 'btn-gary'}}" bindtap='upgrade' wx:if="{{detail.memberState == 0}}">立即开通</view>
      <view class="{{agree ? 'btn' : 'btn-gary'}}" bindtap='upgrade' wx:if="{{detail.memberState == 1}}">立即升级 <text>补差价 ￥{{wgFillInfo.lifelongPrice - wgFillInfo.perYearPrice}}</text></view>
    </view>
  </view> -->
    <view class='btn' wx:if="{{detail.memberState != 2}}">相关权益请联系客服开通</view>
    <view class="life" style="bottom:{{bottomLeft}}px;" wx:if="{{detail.memberState == 2}}">恭喜您，已经是终身会员了</view>
  </view>
  <popup2 id="popup2" title="确认购买" bind:error="_error2" bind:success="_success2" data-name="popup" self="true">
    <view class="buy-content" slot="content">
      <view class="vip-price">会员价格：<text class="red-price">{{memberPoints.money}}</text>元</view>
      <view class="integral">剩余积分：{{memberPoints.remainingPoints}}</view>
      <view class="use-box">
        <view class="use-integral">
          <view>使用 {{memberPoints.usePoints}} 积分</view>
          <view class="deduction">抵扣 {{memberPoints.deductiblePrice}} 元</view>
        </view>
        <switch bindchange="switchChange" />
      </view>
    </view>
    <view class="btn-box" slot="btn">
      <button class="btn" bindtap="confirmPay" wx:if="{{(isDeductiblePrice&&memberPoints.actualPrice==0)||!isDeductiblePrice&&memberPoints.money==0}}">免费购买</button>
      <button class="btn" bindtap="confirmPay" wx:else>确认支付{{isDeductiblePrice ? memberPoints.actualPrice : memberPoints.money}}元</button>
      <view class="interval-box"></view>
    </view>
  </popup2>

  <popup3 id="popup3" title="支付成功" btn_no="取消" btn_ok="确定" bind:error="_error" bind:success="_success" data-name="popup">
    <view class="pay-content" slot="content">
      <icon class="icon-box-img" type="success" size="60"></icon>
      <text>恭喜您支付成功，</text>
      <text>获得 {{integral}} 积分！</text>
    </view>
  </popup3>
</view>
<!-- <button class="custCare" open-type="contact" session-from="sessionFrom" style="bottom: calc(205rpx + {{bottomLeft}}px);">
  <image mode="aspectFill" src="{{appAssetsUrl}}/images/custCare.png"></image>
</button> -->