web_huangguo_web/app/templates/page/collect.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  {{template "seoCommon" .}}
    <title>{{if .seoInfo.Title}}{{.seoInfo.Title}}{{else if .title}}{{.title}} - 黄果短剧{{else}}我的收藏 - 黄果短剧{{end}}</title>
  <meta name="description" content="{{if .seoInfo.Description}}{{.seoInfo.Description}}{{else}}查看你在黄果短剧收藏的短剧与剧集，随时继续追更喜欢的内容 - 黄果短剧{{end}}">
  <meta name="keywords" content="我的收藏,短剧收藏,剧集收藏,黄果短剧">
  <meta property="og:type" content="website">
  <meta property="og:title" content="{{if .seoInfo.Title}}{{.seoInfo.Title}}{{else if .title}}{{.title}} - 黄果短剧{{else}}我的收藏 - 黄果短剧{{end}}">
  <meta property="og:description" content="{{if .seoInfo.Description}}{{.seoInfo.Description}}{{else}}查看你在黄果短剧收藏的短剧与剧集，随时继续追更喜欢的内容。{{end}}">
    <link rel="stylesheet" href="/static/css/index.css?v=25">
    <link rel="stylesheet" href="/static/css/pagination.css">
    <link rel="stylesheet" href="/static/css/collect.css?v=2">
    <link rel="stylesheet" href="/static/css/accountShared.css?v=11">


</head>
<body class="site-shell collect-layout is-collect-page">
{{template "header" .}}
<main class="collect-page">
    <div class="collect-pc">
        <nav class="collect-breadcrumb" aria-label="面包屑">
            <a class="collect-breadcrumb-link" href="/user-center/">个人中心</a>
            <span class="collect-breadcrumb-sep">/</span>
            <span class="collect-breadcrumb-current"><span class="account-label-pc">我的收藏</span><span class="account-label-mobile">我的追剧</span></span>
        </nav>
        <div class="collect-head">
            <h1 class="collect-title">我的收藏</h1>
            <p class="collect-desc">继续关注喜欢的内容</p>
        </div>
    </div>

    <header class="collect-nav">
        <a class="collect-nav-back" href="javascript:history.back()" aria-label="返回">
            <img src="/static/images/back.svg" alt="返回" />
        </a>
        <div class="collect-nav-title">我的收藏</div>
        <span class="collect-nav-spacer" aria-hidden="true"></span>
    </header>

    <div class="collect-main">
        <div class="collect-tabs" role="tablist" aria-label="收藏类型">
            <a class="collect-tab{{if ne .collectType "chapter"}} collect-tab--active{{end}}"
               href="/collect/"
               role="tab"
               aria-selected="{{if ne .collectType "chapter"}}true{{else}}false{{end}}">短剧</a>
            <a class="collect-tab{{if eq .collectType "chapter"}} collect-tab--active{{end}}"
               href="/collect/chapter/"
               role="tab"
               aria-selected="{{if eq .collectType "chapter"}}true{{else}}false{{end}}">剧集</a>
        </div>

        {{if eq .collectType "chapter"}}
        <div class="card-grid collect-grid collect-grid--chapter" data-collect-list="chapter">
            {{range .chapterList}}
            <a class="collect-card" href="{{chapterPlayURL .PlayletSlug .PlayletID .ChapterID}}">
                <div class="collect-card-cover">
                    <img src="/static/images/placeholder.png?v=2" class="collect-card-cover-img lazy" data-src="{{.PlayletCover}}" alt="{{.PlayletTitle}}" title="{{.PlayletTitle}}" />
                    {{template "posterLikeBadge" .}}
                    {{with chapterCollectEpisodeLabel .}}
                    <div class="collect-card-eps">{{.}}</div>
                    {{end}}
                </div>
                <div class="collect-card-body">
                    <div class="collect-card-title">{{if .PlayletTitle}}{{.PlayletTitle}}{{else}}{{.ChapterTitle}}{{end}}</div>
                    {{with chapterCollectDesc .}}
                    <div class="collect-card-desc">{{.}}</div>
                    {{end}}
                    <div class="collect-card-meta">
                        <span class="collect-card-tag">{{updateStatusText .UpdateStatus}}</span>
                        <span class="collect-card-spacer"></span>
                        {{with chapterCollectMeta .}}
                        <span class="collect-card-progress">{{.}}</span>
                        {{end}}
                    </div>
                </div>
            </a>
            {{else}}
            <div class="section-empty collect-empty">暂无收藏剧集</div>
            {{end}}
        </div>
        {{else}}
        <div class="card-grid collect-grid collect-grid--playlet" data-collect-list="playlet">
            {{range .list}}
            <a class="collect-card" href="{{detailURL .Slug .ID}}">
                <div class="collect-card-cover">
                    <img src="/static/images/placeholder.png?v=2" class="collect-card-cover-img lazy" data-src="{{.Cover}}" alt="{{.Title}}" title="{{.Title}}" />
                    {{template "posterCornerBadges" .}}
                    {{template "posterLikeBadge" .}}
                    {{with episodeLabel .TotalEpisode}}
                    <div class="collect-card-eps">{{.}}</div>
                    {{end}}
                </div>
                <div class="collect-card-body">
                    <div class="collect-card-title">{{.Title}}</div>
                    {{if .Desc}}<div class="collect-card-desc">{{.Desc}}</div>{{end}}
                    <div class="collect-card-meta">
                        {{with collectTagText .}}<span class="collect-card-tag">{{.}}</span>{{end}}
                        <span class="collect-card-spacer"></span>
                        {{with collectProgressText .}}
                        <span class="collect-card-progress">{{.}}</span>
                        {{end}}
                    </div>
                </div>
            </a>
            {{else}}
            <div class="section-empty collect-empty">暂无收藏短剧</div>
            {{end}}
        </div>
        {{end}}

        <div class="collect-pagination">
            {{template "pagination" .}}
        </div>
    </div>
</main>
{{template "footer" .}}
</body>
</html>