<!--pages/subCardDetails/subCardDetails.wxml-->
<view>
  <view class="termValidity">
    <view>有效期：</view>
    <text>{{pageData.expir_time}}</text>
  </view>
  <view class="availableItems">
    <view class="title">可用项目</view>
    <view class="item" wx:for="{{pageData.projects}}" wx:key="index">
      <view class="left">
        <image src="{{item.cover_url}}"></image>
      </view>
      <view class="right">
        <view class="rightTitle">{{item.project_name}}</view>
        <view class="frequencyToUse">
          <text class="frequency" wx:if="{{pageData.card_type!=2}}">{{item.used_num}}/{{item.total_num}}</text>
          <text class="frequency" wx:else></text>
          <!-- <view class="toUse {{item.total_num-item.used_num==0?'toUserActive':''}}" bindtap="jumpProject" data-project="{{item}}">{{item.total_num-item.used_num==0?"已使用":"去使用"}}</view> -->
        </view>
      </view>
    </view>
  </view>
  <view class="instructionsUse">
    <view>使用须知</view>
    <text>{{pageData.rule}}</text>
  </view>
  <view class="reminder">
    <view>温馨提示</view>
    <text>·请在有效期内使用</text>
    <text>{{pageData.tags}}</text>
  </view>
  <view class="recommendYouTitle" wx:if="{{recommendList.length !== 0}}">
    <view></view>
    <text>为你推荐</text>
    <view></view>
  </view>
  <view class="recommendYouCon">
    <view class="recommendYouConItem" wx:for="{{recommendList}}" wx:key="index" bindtap="jumpBeautyMakeup" data-id="{{item.id}}">
      <view class="recommendYouConItemTop">
        <image src="{{item.cover_url}}"></image>
      </view>
      <view class="recommendYouConItemBottom">
        <view class="title">{{item.name}}</view>
        <view class="descCon">
          <view class="desc" wx:for="{{descList}}" wx:for-item="itemChildRen" wx:key="index">{{item.tags}}</view>
        </view>
        <view class="priceCart">
          <view class="price">
            <text>¥</text>
            <text>{{item.price}}</text>
          </view>
          <view class="cart">
            <image src="/images/card_img.png"></image>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>
