73 lines
3.8 KiB
HTML
73 lines
3.8 KiB
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="{{if .seoInfo.Keywords}}{{joinStrings .seoInfo.Keywords ","}}{{else}}短剧排行榜,热播短剧,短剧热门榜,黄果短剧,飙升榜{{end}}">
|
|
<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}}">
|
|
{{if .jsonLD}}
|
|
<script type="application/ld+json">{{.jsonLD}}</script>
|
|
{{end}}
|
|
<link rel="stylesheet" href="/static/css/index.css?v=25">
|
|
<link rel="stylesheet" href="/static/css/rank.css?v=11">
|
|
|
|
|
|
</head>
|
|
<body class="site-shell has-h5-tabbar rank-page-body">
|
|
{{template "header" .}}
|
|
<main class="page-shell rank-page">
|
|
<div class="rank-hero">
|
|
<nav class="rank-breadcrumb" aria-label="面包屑">
|
|
<a href="/">首页</a><span aria-hidden="true">/</span><span aria-current="page">排行榜</span>
|
|
</nav>
|
|
<div class="rank-channel">
|
|
<h1 class="rank-channel-title">全站排行榜</h1>
|
|
<div class="rank-channel-desc">聚合站内播放、评分和近期热度表现突出的短剧内容，快速发现当前值得看的作品。</div>
|
|
</div>
|
|
<div class="rank-tabs">
|
|
{{range .tabs}}
|
|
<a class="rank-tab{{if .Active}} rank-tab--active{{end}}" href="{{.URL}}">
|
|
<span class="rank-tab-text{{if .Active}} rank-tab-text--active{{end}}">{{.Label}}</span>
|
|
</a>
|
|
{{end}}
|
|
</div>
|
|
<div class="card-grid">
|
|
{{range $i, $item := .list}}
|
|
<a class="poster-card rank-card" href="{{detailURL $item.Slug $item.ID}}">
|
|
<div class="poster-cover">
|
|
<img src="/static/images/placeholder.png?v=2" class="poster-cover-img lazy" data-src="{{coverURL $item.Cover $item.Banner}}" alt="{{$item.Title}}" title="{{$item.Title}}" />
|
|
{{template "posterCornerBadges" $item}}
|
|
{{with episodeLabel $item.TotalEpisode}}
|
|
<div class="episode-badge"><div class="text-white-xs">{{.}}</div></div>
|
|
{{end}}
|
|
{{$rank := add $.rankOffset (add $i 1)}}
|
|
<div class="poster-rank-badge">
|
|
<div class="poster-rank-bg-{{rankClass $rank}}"></div>
|
|
<div class="poster-rank-text">{{$rank}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="poster-card-body">
|
|
<div class="poster-card-title">{{$item.Title}}</div>
|
|
{{if $item.Desc}}<div class="poster-card-subtitle">{{$item.Desc}}</div>{{end}}
|
|
<div class="poster-card-meta">
|
|
{{template "rankingCardTag" $item}}
|
|
<div class="flex-spacer"></div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
{{else}}
|
|
<div class="section-empty">暂无排行内容</div>
|
|
{{end}}
|
|
</div>
|
|
{{template "pagination" .}}
|
|
</div>
|
|
</main>
|
|
{{template "footer" .}}
|
|
</body>
|
|
</html>
|