<import src="../../../../utils/wxParse/wxParse.wxml"></import>
<wxs module="filters" src="../../../../utils/filter.wxs"></wxs>
 
   <view> 
  <image class="Member_bk" src="{{url}}/miniapp/images/plus/page_bk.png"></image>
</view>
<view class="Opening_bk">
<!--      <image src="{{url}}/miniapp/images/plus/card_bk.png"></image>-->
     <view class="rect">
         <!-- 根据后台来定义一下背景颜色 -->
         <view class="before" style="{{plus_bg_color?'background-color:'+plus_bg_color:''}}"></view>
     </view>
 </view>

        <view class="MemberPlus rel"style="background-image:url('{{user_card.CardImg}}');background-size: 100% 100%;background-repead:no-repead;">

          <view class="flex-space-between">
            <view style="color:{{user_card.CardColor}}">
              <view class="fs36 h36" style="font-weight:bold">{{user_card.CardName}}</view>
              <view wx:if="{{!is_guoqi}}" class="fs22 h22" style="margin-top:15rpx">会员将在{{filters.replace_time2(expiryDate)}}到期</view>
              <view wx:else class="fs22 h22" style="margin-top:15rpx">会员已在{{filters.replace_time2(expiryDate)}}过期</view>
            </view>

              <view>
                <view bindtap="xufei" class="renew fs28" style="background:{{user_card.CardColor}};color:{{user_card.ButtonColor}}">立即续费</view>
                <!-- 判断是不是过期，显示变更按钮，但是要看是不是多件 -->
                <block wx:if="{{is_guoqi}}">
                    <view  wx:if="{{buy_list.length>0}}"  bindtap="show_change" class="renew fs28" style="background:{{user_card.CardColor}};color:{{user_card.ButtonColor}}">卡类变更</view>
                </block>
                <block wx:else>
                    <!-- 要判断是不是最高级的卡 -->
                    <view  wx:if="{{cardid!=big_card.CardId}}"  bindtap="show_change" class="renew fs28" style="background:{{user_card.CardColor}};color:{{user_card.ButtonColor}}">卡类升级</view>
                </block>
								<view bindtap="goto" class="renew fs28" style="background:{{user_card.CardColor}};color:{{user_card.ButtonColor}}" data-url="/packageB/pages/user/buyDetails/buyDetails">购卡明细</view>
              </view>


          </view>

          <view class="flex-vertical-between xs fs28">
            <view class="flex ai-center" style=" overflow:hidden">
               <view class="Member"
                 style="background-image:url('{{url}}/miniapp/images/plus/privilege_o.png'); filter: drop-shadow(40px 0 0 {{user_card.CardColor}});">
               </view>
               <view wx:if="{{!is_guoqi}}" style="color:{{user_card.CardColor}}">正在享受{{user_card.CardName}}会员特权</view>
               <view wx:else style="color:{{user_card.CardColor}}">享受更低价格，请续费哦</view>
            </view>
            <view wx:if="{{!is_guoqi}}" class="flex-vertical" bindtap="Share_pictures">
              <view style="color:{{user_card.CardColor}};border-bottom:3rpx solid {{user_card.CardColor}}">邀请新朋友</view>
           
			  <view style="overflow: hidden; margin-left: 10rpx;">
			
			  </view>
            </view>
          </view>

        </view>
            <view class="flex-vertical-between Invitation fs30">

        <view class="flex">
          已邀请
          <view class="Invitation_count">{{free==0?"0":free.RefereeNumber}}人</view>
          可提现
          <view class="Invitation_my">{{free==0?"0":free.VIPRebate}}元</view>
        </view>

        <view class="flex">
          <view class="Detailed flex-center">
            <navigator url="/packageE/pages/user/Detailed/Detailed">明细</navigator>
          </view>
          <view class="Invitation_Cash" bindtap="to_user_money">转到余额</view>
        </view>
  </view>
   <!--  制作一个圆球导航  -->
  <nav_box></nav_box>
  <!-- 会员礼遇 -->
  <view class="Courtesy">

    <!-- 标题 -->
    <view class="flex-center" style="width:100%;height:200rpx;">
      <view>
        <view wx:if="{{false}}" class="Courtesy_title flex-center fs36">开通PLUS会员尊享礼遇
        </view>
        <view wx:else class="Courtesy_title flex-center fs36">PLUS会员尊享礼遇 </view>


        <view class="flex-center">
          <image class="Courtesy_image" src="{{url}}/miniapp/images/plus/Courtesy.png"></image>

          <view  class="Courtesy_can fs24">PLUS会员可享以下特权
          </view>
          

          <image class="Courtesy_image" src="{{url}}/miniapp/images/plus/Courtesy.png"></image>
        </view>
      </view>
    </view>

 

    <!-- 会员权益内容 -->
    <view class="Courtesy_comment" style="padding:0 20rpx">
     <view class="wxParse">
     <template is="wxParse" data="{{wxParseData:content.nodes}}"></template>
     </view>
       </view>
  </view>


<!-- 好物推荐 -->
  <!-- 好物推荐 -->
  <view class="title">
    <!-- 标题 -->
    <view>
      <!-- 中文名标题 -->
      <view class="China flex-level">
        <view class="line flex-vertical">
          <view class="one"></view>
          <view class="two"></view>
          <view class="three"></view>
        </view>

        <view class="Recommend flex-level" bindtap="requestList">好物推荐</view>

        <view class="line flex-vertical">
          <view class="three"></view>
          <view class="two"></view>
          <view class="one"></view>
        </view>
      </view>

      <!-- 英文标题 -->
      <view class="english flex-center">
        <view class="silk"></view>
        <view class="esh five-level-word">GOOD HOT THING</view>
        <view class="silk"></view>
      </view>

    </view>
  </view>
  

<!-- 转入余额提示  -->
<view class="xc-pop-up"  wx:if="{{yu_e_show}}">
   <!--  -->
  <view class="xc-obscuration" bindtap='close_yu_e' catchtouchmove="ture"></view>
  <view> 
		<view class="xc-qr-frame">
		<view class="shut" bindtap="close_yu_e">ⅹ</view>
		 <view class="fs32 xc-black3 flex jc-center ai-center" style="width:100%;height:220rpx;">确定把所有奖励金转入余额</view> 
		 <view class="flex jc-center ai_center" style="width: 100%;height: 75rpx;">
			 <view bindtap="go_yu_e" class="fs30 white flex jc-center ai-center ck_btn" style="margin-right: 20rpx;">是的</view>
			 <view  bindtap='close_yu_e' class="fs30 xc-ash flex jc-center ai-center ck_btn"style="background:#ececea;">再看看</view>
		  </view>
		</view>
  </view>
</view>


  <!-- 商品列表组件 -->
    <goods_recommend id="goods_list"></goods_recommend>
    <!-- 商品列表 -->
  <!-- 画布 -->
<canvas canvas-id='myCanvas' style="width:750rpx;height:1260rpx;" wx:if='{{!canvasHidden}}'></canvas>

<warn id="warn"></warn>
<my_confirm id="my_con"></my_confirm>

<!-- 购买更换,升级 -->
<view class="card_change_pop" wx:if="{{is_show_change_pop==1}}">
     <view class="cover-layer"></view>
     <view class="content flex jc-center ai-center" bindtap="close_card_change_pop">
            <view class="card_list">
                  <image class="hg" src="{{url}}/miniapp/images/plus/plustopimg.png"></image>
                  <view class="list">
                        <view class="item flex ai-center jc_sb" wx:for="{{buy_list}}">
                            <view class="flex ai-center"><image class="hg_img" src="{{url}}/miniapp/images/vip_hg0.png"></image>
                                <text class="ellipsis-1 card_name">{{item.CardName}}</text></view>
                            <view class="price_show flex ai-center">
                                <view style="width: 100%; line-height: 24rpx" data-days="{{item.ExpiryDate}}"  catchtap="change_card" data-cid="{{item.CardId}}">
                                   <view style="text-align: right" class="fs26">￥<text class="pri fs40">{{item.CardFee}}</text></view>
                                   <view style="text-align: center" class="fs30" wx:if="{{is_guoqi}}">立即变更</view>
                                   <view style="text-align: center" class="fs30" wx:else>立即升级</view>
                                </view>
                            </view>
                        </view>
                  </view>
            </view>
     </view>
</view>