card-mini/pages/mine/myCard/myCard.wxml
2021-08-06 11:33:10 +08:00

81 lines
3.9 KiB
Plaintext

<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="{{imgUrl+list.cardTemplateUsePhotoUrl}}" 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.cardTemplateUsePhotoUrl}}" 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.cardTemplateUsePhotoUrl}}" style="width: 100%"></image>
</view>
</view>
<view class="card-name-sm other-card">
<view style="display:flex;flex-direction:row;">
<image src="{{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>