web_huangguo_web/app/templates/page/history.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/history.css?v=2">
    <link rel="stylesheet" href="/static/css/accountShared.css?v=11">


</head>
<body class="site-shell history-layout is-history-page">
{{template "header" .}}
<main class="history-page">
    <div class="history-pc">
        <nav class="history-breadcrumb" aria-label="面包屑">
            <a class="history-breadcrumb-link" href="/user-center/">个人中心</a>
            <span class="history-breadcrumb-sep">/</span>
            <span class="history-breadcrumb-current"><span class="account-label-pc">观看历史</span><span class="account-label-mobile">历史记录</span></span>
        </nav>
        <div class="history-head">
            <div class="history-head-text">
                <h1 class="history-title">观看历史</h1>
                <p class="history-desc">找回最近观看的剧集</p>
            </div>
            <button class="history-clear-btn" type="button" data-history-clear>清空记录</button>
        </div>
    </div>

    <header class="history-nav">
        <a class="history-nav-back" href="javascript:history.back()" aria-label="返回">
            <img src="/static/images/back.svg" alt="返回" />
        </a>
        <div class="history-nav-title">观看历史</div>
        <button class="history-nav-clear" type="button" data-history-clear>清空</button>
    </header>

    <div class="history-main">
            <div class="card-grid history-grid" data-history-list>
            {{range .list}}
            <a class="poster-card history-card" href="{{historyPlayURL .}}" data-status="{{historyStatus .}}">
                <div class="poster-cover">
                    <img src="/static/images/placeholder.png?v=2" class="poster-cover-img lazy" data-src="{{coverURL .Cover .Banner}}" alt="{{.Title}}" title="{{.Title}}" />
                    {{template "posterCornerBadges" .}}
                    {{template "posterLikeBadge" .}}
                    {{with episodeLabel .TotalEpisode}}
                    <div class="episode-badge">{{.}}</div>
                    {{end}}
                </div>
                <div class="poster-card-body">
                    <div class="poster-card-title">{{.Title}}</div>
                    {{if .Desc}}<div class="poster-card-subtitle">{{.Desc}}</div>{{end}}
                    <div class="poster-card-meta">
                        {{with historyTagText .}}<div class="poster-card-tag">{{.}}</div>{{end}}
                        <div class="poster-card-spacer"></div>
                        <div class="poster-card-heat history-progress">{{historyProgressText .}}</div>
                    </div>
                </div>
                <div class="history-info">
                    <div class="history-name">{{.Title}}</div>
                    <div class="history-intro">简介:{{if .Desc}}{{.Desc}}{{else}}暂无简介{{end}}</div>
                    <div class="history-watch{{if eq (historyStatus .) "finished"}} history-watch--done{{end}}">{{historyWatchLine .}}</div>
                    {{with formatHistoryAt .HistoryAt}}
                    <div class="history-time">{{.}}</div>
                    {{end}}
                </div>
            </a>
            {{end}}
        </div>

        <div class="history-empty" data-history-empty{{if .list}} hidden{{end}}>
            {{template "empty" .}}
        </div>

        <div class="history-pagination" data-history-pagination>
            {{template "pagination" .}}
        </div>
    </div>
</main>

<div class="history-confirm-mask" id="historyConfirmDialog" data-history-confirm hidden>
    <div class="history-confirm-card" role="dialog" aria-modal="true" aria-labelledby="historyConfirmTitle">
        <button class="history-confirm-close" type="button" aria-label="关闭" data-history-confirm-cancel>
            <span class="history-confirm-close-ring"></span>
            <span class="history-confirm-close-x"></span>
        </button>
        <div class="history-confirm-title" id="historyConfirmTitle">清空观看历史</div>
        <div class="history-confirm-desc">确定清空全部观看历史吗？此操作不可恢复。</div>
        <div class="history-confirm-actions">
            <button class="history-confirm-btn history-confirm-btn--cancel" type="button" data-history-confirm-cancel>取消</button>
            <button class="history-confirm-btn history-confirm-btn--ok" type="button" data-history-confirm-ok>清空</button>
        </div>
    </div>
</div>

{{template "footer" .}}
<script src="/static/js/pages/history.js?v=6"></script>
</body>
</html>