52 lines
3.1 KiB
HTML
52 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{.metaTitle}}</title>
|
|
{{template "seoCommon" .}}
|
|
<link rel="stylesheet" href="/static/css/base.css">
|
|
<link rel="stylesheet" href="/static/css/profile.css?v=9">
|
|
<link rel="stylesheet" href="/static/css/profile-mobile.css?v=5">
|
|
<link rel="stylesheet" href="/static/css/purchased.css?v=2">
|
|
<link rel="stylesheet" href="/static/css/purchased-mobile.css?v=3">
|
|
<link rel="stylesheet" href="/static/css/account-empty.css?v=2">
|
|
</head>
|
|
<body class="profile-page purchased-page">
|
|
{{template "header" .}}
|
|
{{template "userCenterHero" .}}
|
|
{{template "userCenterTabs" .}}
|
|
<main class="purchased-main{{if not .purchased}} is-empty{{end}}" data-purchased>
|
|
<h1 class="visually-hidden">已购剧集</h1>
|
|
{{if .purchased}}
|
|
<p class="purchased-note">金币解锁的剧集永久有效，可随时回看</p>
|
|
<div class="purchased-list">
|
|
{{range .purchased}}
|
|
<article class="purchased-item">
|
|
<a class="purchased-item__cover" href="{{.URL}}" {{externalLinkAttrs .URL}}><img decoding="async" class="lazy" src="/static/images/placeholder.png?v=2" data-src="{{.Image}}" alt="{{.Title}}" loading="lazy"></a>
|
|
<div class="purchased-item__body">
|
|
<h2 class="purchased-item__title">{{.Title}}</h2>
|
|
<p class="purchased-item__info">{{.Info}}{{if .Date}}<span class="purchased-item__mobile-date"> · {{.Date}}</span>{{end}}</p>
|
|
<span class="purchased-item__progress"><span style="width:{{.Progress}}"></span></span>
|
|
</div>
|
|
<time class="purchased-item__date">{{.Date}}</time>
|
|
<a class="purchased-item__resume" href="{{.URL}}" {{externalLinkAttrs .URL}}><img decoding="async" loading="lazy" src="/static/images/placeholder.png?v=2" data-src="/static/images/play_hollow.svg" alt="播放"><span class="purchased-item__resume-desktop">继续观看</span><span class="purchased-item__resume-mobile">继续</span></a>
|
|
</article>
|
|
{{end}}
|
|
</div>
|
|
{{else}}
|
|
<section class="account-empty" aria-labelledby="purchased-empty-title">
|
|
<span class="account-empty__icon" aria-hidden="true"><img decoding="async" loading="lazy" src="/static/images/placeholder.png?v=2" data-src="/static/images/purchased-empty/bag-play.svg" alt="已购剧集"></span>
|
|
<h2 class="account-empty__title" id="purchased-empty-title">{{if .purchasedUnavailable}}已购剧集暂时无法加载{{else}}暂无已购剧集{{end}}</h2>
|
|
{{if not .purchasedUnavailable}}
|
|
<p class="account-empty__description"><span class="account-empty__description-desktop">金币解锁的剧集永久有效，可随时回看</span><span class="account-empty__description-mobile">解锁的剧集会显示在这里</span></p>
|
|
<a class="account-empty__action" href="/"><img decoding="async" loading="lazy" src="/static/images/placeholder.png?v=2" data-src="/static/images/favorites-empty/arrow-right.svg" alt="前往首页">去首页逛逛</a>
|
|
{{end}}
|
|
</section>
|
|
{{end}}
|
|
{{template "accountPagination" .}}
|
|
</main>
|
|
{{template "footer" .}}
|
|
</body>
|
|
</html>
|