<!--pages/me/vip/index.wxml-->
<wxs src="../../../pages/common.wxs" module="common"></wxs>

<view class='card-box'>
  <image src="/images/background-{{user.is_vip==1?'':'no'}}vip.png"></image>
  <text> {{user.is_vip==1?'过期时间：' + user.vip_endtime:''}}</text>
</view>

<view class='calculation-box'>
  <i-row class='height'>
    <i-col span="6" offset='1' i-class="col-class">{{user.is_vip==1?'续费':'购买'}}会员</i-col>
    <i-col span="4" i-class="col-class color-orange">￥{{vip_price}}</i-col>
    <i-col span="12" offset='1' i-class="col-class">
      <i-input-number i-class="vip_num_input" value="{{ value1 }}" min="1" max="10" bindchange="handleChange1" />
    </i-col>
  </i-row>
</view>

<view class='vip_intro'>
  会员卡说明:用户购买一次会员卡后，增加一年的会员时限，多次购买则在先有的基础上延长时间,单次以1年为标准。
</view>

  <!-- 用户输入的信息 -->
  <i-input i-class="right-align" value="" title="姓名" type="text" placeholder="请输入您的姓名" />
  <view class='phoneGive'>
    <text>手机号</text>
    <button>授权</button>
  </view>
  <i-input i-class="right-align right-align-last" type="text" title="地址" placeholder="请输入您的地址" maxlength="50" />

<i-row class='height'>
  <i-col span="20" offset='2' i-class="col-class">
    <i-button bind:click="handleClick" type="primary" shape="circle" size="small">立即{{user.is_vip==1?'续费':'购买'}} ￥{{common.numFixed(vip_price*value1, 2)}}</i-button>
  </i-col>
</i-row>