<cu-custom isCustom="{{false}}" isBack="{{true}}">
  <view slot="content">我的名片</view>
</cu-custom>
<view class="tab" style="top:{{topHeight}};">
  <view class="tab-box {{tab == 0 ? 'active':''}}" data-tab="0" bindtap="changeTab">我的名片</view>
  <view class="tab-box {{tab == 1 ? 'active':''}}" data-tab="1" bindtap="changeTab">他人名片</view>
  <view class="tab-box {{tab == 2 ? 'active':''}}" data-tab="2" bindtap="changeTab">浏览历史</view>
</view>
<!-- 我的名片 -->
<view class="list" wx:if="{{tab == 0}}">
  <view wx:if="{{cardList.length>0}}">
    <view class="card" bindtap="goDetail" wx:for="{{cardList}}" wx:for-item="list" data-id="{{list.cardTemplateUseId}}"
      wx:key="index" data-cur="{{index}}">
      <view class="card-container"
        style="padding-bottom:{{(list.cardTemplateUseHeight / list.cardTemplateUseWidth) *100 +'%'}};">
        <view class="card-img">
          <view class="main" wx:if="{{list.cardTemplateUseDefault == '1'}}">主名片</view>
          <image src="{{list.cardTemplateUsePhoto}}" style="width: 100%"></image>
        </view>
      </view>
      <view class="card-name">{{list.cardTemplateUseTitle}}</view>
    </view>
  </view>

  <view wx:else style="margin-top:200rpx;width:100%;">
    <van-empty description="暂无数据" image="/images/ic_empty_data.png" />
  </view>
</view>
<!-- 他人名片 -->
<view class="list" wx:if="{{tab == 1}}">
  <view wx:if="{{otherCardList.length>0}}">
    <view class="card" bindtap="showCard" wx:for="{{otherCardList}}" wx:for-item="list"
      data-id="{{list.cardTemplateUseDTO.cardTemplateUseId}}" wx:key="index" data-cur="{{index}}">
      <view class="card-container"
        style="padding-bottom:{{(list.cardTemplateUseDTO.cardTemplateUseHeight / list.cardTemplateUseDTO.cardTemplateUseWidth) *100 +'%'}};">
        <view class="card-img">
          <view class="main" wx:if="{{list.cardTemplateUseTop == '1'}}">置顶</view>
          <image src="{{list.cardTemplateUseDTO.cardTemplateUsePhoto}}" style="width: 100%"></image>
        </view>
      </view>
      <view class="card-name other-card">
        <text>{{list.cardTemplateUseDTO.cardTemplateUseTitle}}</text>
        <view class="set-top" wx:if="{{list.cardTemplateUseTop == '0'}}" catchtap="toggleTop"
          data-bag="{{list.cardTemplateUseBagId}}" data-top="{{list.cardTemplateUseTop}}">置顶</view>
        <view class="set-top" wx:else catchtap="toggleTop" data-bag="{{list.cardTemplateUseBagId}}"
          data-top="{{list.cardTemplateUseTop}}">取消置顶</view>
      </view>
    </view>
  </view>

  <view wx:else style="margin-top:200rpx;width:100%;">
    <van-empty description="暂无数据" image="/images/ic_empty_data.png" />
  </view>
</view>
<!-- 浏览历史 -->
<view class="list" wx:if="{{tab == 2}}">
  <view wx:if="{{historyList.length>0}}">
    <view class="card" bindtap="showCard" wx:for="{{historyList}}" wx:for-item="list"
      data-id="{{list.cardTemplateUseDTO.cardTemplateUseId}}" wx:key="index" data-cur="{{index}}">
      <view class="card-container"
        style="padding-bottom:{{(list.cardTemplateUseDTO.cardTemplateUseHeight / list.cardTemplateUseDTO.cardTemplateUseWidth) *100 +'%'}};">
        <view class="card-img">
          <view class="main" wx:if="{{list.cardTemplateUseTop == '1'}}">置顶</view>
          <image src="{{list.cardTemplateUseDTO.cardTemplateUsePhoto}}" style="width: 100%"></image>
        </view>
      </view>
      <view class="card-name-sm other-card">
        <view style="display:flex;flex-direction:row;">
          <image src="{{cardUrl+list.creatorIcon}}" style="width:64rpx;height:64rpx;border-radius:50%;"></image>
          <text style="margin-left:10rpx;">{{list.creatorName}}</text>
        </view>
        <view>
          浏览时间:{{list.gmtCreate}}
        </view>
      </view>
    </view>
  </view>
  <view wx:else style="margin-top:200rpx;width:100%;">
    <van-empty description="暂无数据" image="/images/ic_empty_data.png" />
  </view>
</view>