weijinxiao/weijinxiao-WechatApp/pages/myinfo/vippage/vippage.wxml

<view class="page">
  <view class="top  {{user.isvip==2?'vip':''}}">
    <image src="/image/whitevip.png"></image>
    <text wx:if="{{user.isvip!=2}}" class="vipshow">您目前是免费用户</text>
    <text wx:if="{{user.isvip==2}}" class="toptip">会员有效期：{{user.validityTime}}</text>
  </view>



  <block wx:if="{{user.isvip!=2}}">
    <view class="flexrow mtitle">
      <view class="flex1 mleft"></view>
      <view class="mmtitle">新用户购买</view>
      <view class="flex1 mright"></view>
    </view>
    <view class="row1 flexrow bottomborder">
      <view>请选择记账人数：</view>
      <input type="number" bindinput="setnewcount" value="{{newcount}}"></input>
      <view>人</view>
    </view>
    <view class="row1 flexrow bottomborder">
      <view>优惠价：{{newp.currentPrice}}/人年</view>
      <view style="  text-decoration: line-through;" class="yjg">原价：{{newp.originalPrice}}/人年</view>
    </view>
    <view class="row1 flexrow bottomborder">
      <view>价格：{{newprice}}</view>
      <view class="yjg">(原价{{newall}}，您节省了{{newall-newprice}}元)</view>
    </view>
    <view catchtap="newbuynow" class="buynow {{user.isvip==2?'vip':''}}">立即购买</view>
    <view class="mtip">产品价格详情 ></view>
  </block>

  <block wx:if="{{user.isvip==2}}">
    <view class="flexrow mtitle">
      <view class="flex1 mleft"></view>
      <view class="mmtitle">新增记账人数</view>
      <view class="flex1 mright"></view>
    </view>
    <view class="row1 flexrow bottomborder">
      <view>{{vipp.content}}</view>

    </view>
    <view class="row1 flexrow bottomborder">
      <view>请选择记账人数：</view>
      <input type="number" bindinput="setvipcount" value="{{vipcount}}"></input>
      <view>人</view>
    </view>
    <!-- 
    <view class="row1 flexrow bottomborder">
      <view>请选择使用时间</view>
      <input value="5"></input>
      <view>年</view>
    </view>
    <view class="row1 flexrow bottomborder">
      <view>优惠价：{{vipp.currentPrice}}/人年</view>
      <view style="  text-decoration: line-through;" class="yjg">原价：{{vipp.originalPrice}}/人年</view>
    </view>-->
    <view class="row1 flexrow bottomborder">
      <view>价格：{{vipprice}}</view>
      <view class="yjg">(原价{{newall}}，您节省了{{vipall-vipprice}}元)</view>
    </view>
    <view catchtap="vipbuynow" class="buynow vip}}">立即购买</view>
    <view class="mtip">产品价格详情 ></view>
  </block>
  <view class="flexrow mtitle">
    <view class="flex1 mleft"></view>
    <view class="mmtitle">优惠套餐</view>
    <view class="flex1 mright"></view>
  </view>
  <block wx:for="{{data}}">

    <view class="lefttitle">{{item.title}}</view>
    <view class="lefttip">{{item.content}}</view>

    <view class="flexrow buyparts">
      <view data-id="{{item.id}}" data-year="1" catchtap="tcbuy" class="flex1 buypart">
        <text>{{item.oneYearPrice}}</text>/1年
      </view>
      <view data-id="{{item.id}}" data-year="2" catchtap="tcbuy" class="flex1 buypart">
        <text>{{item.twoYearPrice}}</text>/2年</view>
      <view data-id="{{item.id}}" data-year="3" catchtap="tcbuy" class="flex1 buypart">
        <text>{{item.threeYearPrice}}</text>/3年</view>
    </view>
  </block>



  <view class="flexrow mtitle">
    <view class="flex1 mleft"></view>
    <view class="mmtitle">{{fntitle}}</view>
    <view class="flex1 mright"></view>
  </view>
  <view class="viptip">
    <text> {{fncontent}}</text>
  </view>


  <view class="flexrow mtitle">
    <view class="flex1 mleft"></view>
    <view class="mmtitle">{{fetitle}}</view>
    <view class="flex1 mright"></view>
  </view>
  <view class="viptip">
    <text>{{fecontent}}</text>
  </view>


</view>