69 lines
2.7 KiB
Plaintext
69 lines
2.7 KiB
Plaintext
<view class="cert-page">
|
|
<!-- 蓝色头部 -->
|
|
<view class="header">
|
|
<mp-navigation-bar title="我的证书" background-color="transparent" color="#fff" bind:click-left="onBack" left-arrow></mp-navigation-bar>
|
|
<!-- 顶部背景图：你后续手动替换 -->
|
|
<image class="stat-icon" src="{{headerBg}}" mode="aspectFill" />
|
|
<view class="cert-total">
|
|
<text class="cert-num">{{certificateCount}}</text>
|
|
<text class="cert-label">我的证书</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- Tab 切换 -->
|
|
<view class="tab-bar">
|
|
<view class="tab-item {{activeTab === 1 ? 'active' : ''}}" bindtap="onSwitchTab" data-tab="1">
|
|
<text class="tab-text">个人证书</text>
|
|
<image class="stat-iconb" wx:if="{{activeTab === 1}}" src="{{tabLineImg}}" mode="aspectFit" />
|
|
</view>
|
|
<view class="tab-item {{activeTab === 2 ? 'active' : ''}}" bindtap="onSwitchTab" data-tab="2">
|
|
<text class="tab-text">团队证书</text>
|
|
<image class="stat-iconb" wx:if="{{activeTab === 2}}" src="{{tabLineImg}}" mode="aspectFit" />
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 列表 -->
|
|
<view class="record-list">
|
|
<!-- 空状态 -->
|
|
<view wx:if="{{records.length === 0 && !loading}}" class="empty">
|
|
<view class="empty-icon">
|
|
<view class="empty-doc">
|
|
<view class="empty-doc-top"></view>
|
|
<view class="empty-doc-line"></view>
|
|
<view class="empty-doc-line short"></view>
|
|
<view class="empty-doc-line"></view>
|
|
</view>
|
|
<view class="empty-doc-shadow"></view>
|
|
</view>
|
|
<text class="empty-text">暂无{{activeTab === 1 ? '个人' : '团队'}}证书</text>
|
|
</view>
|
|
|
|
<!-- 有数据时：表头 + 列表 -->
|
|
<block wx:if="{{records.length > 0}}">
|
|
<view class="table-header">
|
|
<text class="th th-event">赛事</text>
|
|
<text class="th th-project">项目-组别</text>
|
|
<text class="th th-cert">证书</text>
|
|
</view>
|
|
<view wx:for="{{records}}" wx:key="id" class="record-row">
|
|
<view class="td td-event">
|
|
<text class="event-name">{{item.eventName || '-'}}</text>
|
|
<text class="event-time">{{item.timeStr}}</text>
|
|
</view>
|
|
<text class="td td-project">{{item.projectGroupDisplay || '-'}}</text>
|
|
<view class="td td-cert">
|
|
<text class="cert-link" bindtap="onViewCert" data-url="{{item.certificateUrl}}" data-name="{{item.certificateName}}">查看证书</text>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
|
|
<view wx:if="{{loading}}" class="loading-tip">
|
|
<text>加载中...</text>
|
|
</view>
|
|
<view wx:if="{{noMore && records.length > 0}}" class="loading-tip">
|
|
<text>没有更多了</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|