178 lines
9.9 KiB
HTML
178 lines
9.9 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" .}}
|
|
{{$siteTitle := "黄果短剧"}}{{if and .detail .detail.SeoInfo.WebSiteName}}{{$siteTitle = .detail.SeoInfo.WebSiteName}}{{else if .seoInfo.WebSiteName}}{{$siteTitle = .seoInfo.WebSiteName}}{{else if .appConfig.SeoInfo.WebSiteName}}{{$siteTitle = .appConfig.SeoInfo.WebSiteName}}{{end}}
|
|
{{$pageTitle := "短剧详情"}}{{if .detail}}{{if .detail.SeoInfo.Title}}{{$pageTitle = .detail.SeoInfo.Title}}{{else}}{{$pageTitle = .detail.Title}}{{end}}{{else if .title}}{{$pageTitle = .title}}{{end}}
|
|
<title>{{$pageTitle}} - {{$siteTitle}}</title>
|
|
<meta name="description" content="{{if .seoInfo.Description}}{{.seoInfo.Description}}{{else if .detail}}{{if .detail.Desc}}{{.detail.Desc}} - 黄果短剧{{else}}在线观看《{{.detail.Title}}》，高清短剧全集免费看。 - 黄果短剧{{end}}{{else}}短剧详情页，在线观看高清短剧全集。 - 黄果短剧{{end}}">
|
|
<meta name="keywords" content="{{if .detail}}{{.detail.Title}}{{range .detail.ThemeNames}},{{.}}{{end}}{{range .detail.TagNames}},{{.}}{{end}},短剧,在线观看,黄果短剧{{else if .seoInfo.Keywords}}{{joinStrings .seoInfo.Keywords ","}}{{else}}短剧详情,在线短剧,黄果短剧{{end}}">
|
|
<meta property="og:type" content="video.tv_show">
|
|
<meta property="og:title" content="{{$pageTitle}} - {{$siteTitle}}">
|
|
<meta property="og:description" content="{{if .seoInfo.Description}}{{.seoInfo.Description}}{{else if .detail}}{{if .detail.Desc}}{{.detail.Desc}}{{else}}在线观看《{{.detail.Title}}》{{end}}{{else}}短剧详情页，在线观看高清短剧全集。{{end}}">
|
|
{{if .detail}}{{if .detail.Cover}}<meta property="og:image" content="{{.detail.Cover}}">
|
|
<meta name="twitter:image" content="{{.detail.Cover}}">{{end}}
|
|
<meta name="twitter:title" content="{{$pageTitle}} - {{$siteTitle}}">
|
|
<meta name="twitter:description" content="{{if .seoInfo.Description}}{{.seoInfo.Description}}{{else if .detail}}{{if .detail.Desc}}{{.detail.Desc}}{{else}}在线观看《{{.detail.Title}}》{{end}}{{else}}短剧详情页，在线观看高清短剧全集。{{end}}">{{end}}
|
|
{{if .jsonLD}}
|
|
<script type="application/ld+json">{{.jsonLD}}</script>
|
|
{{end}}
|
|
<link rel="stylesheet" href="/static/css/index.css?v=27">
|
|
<link rel="stylesheet" href="/static/css/detail.css?v=32">
|
|
<link rel="stylesheet" href="/static/css/detailHero.css?v=3">
|
|
|
|
|
|
</head>
|
|
<body class="site-shell is-detail-page">
|
|
{{template "header" .}}
|
|
{{if .detail}}
|
|
{{with .detail}}
|
|
<div class="detail-h5-bg" aria-hidden="true">
|
|
<img class="detail-h5-bg-img lazy" src="/static/images/placeholder.png?v=2" data-src="{{coverURL .Cover .Banner}}" alt="{{.Title}}背景图" title="{{.Title}}" />
|
|
<div class="detail-h5-bg-mask"></div>
|
|
</div>
|
|
<div class="detail-h5-top">
|
|
<a class="detail-h5-back" href="/" data-nav-back data-nav-fallback="/" aria-label="返回">
|
|
<img src="/static/images/back.svg" alt="返回" />
|
|
</a>
|
|
<div class="detail-h5-top-actions">
|
|
<button class="detail-h5-top-btn" type="button" data-detail-share data-playlet-id="{{.ID}}" aria-label="分享">
|
|
<img src="/static/images/h5_share.svg" alt="分享" />
|
|
</button>
|
|
<a class="detail-h5-top-btn" href="/feedback/" aria-label="反馈">
|
|
<img src="/static/images/feedback.svg" alt="反馈" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<main class="page-shell detail-page">
|
|
<nav class="detail-breadcrumb" aria-label="面包屑">
|
|
<a class="detail-breadcrumb-link" href="/">首页</a>
|
|
<span class="detail-breadcrumb-sep">/</span>
|
|
<a class="detail-breadcrumb-link" href="/list/ai-short-play/">短剧</a>
|
|
<span class="detail-breadcrumb-sep">/</span>
|
|
<span class="detail-breadcrumb-current">{{.Title}}</span>
|
|
</nav>
|
|
<div class="detail-layout">
|
|
<div class="detail-main">
|
|
<section class="dh-card dh-hero">
|
|
<a class="dh-poster" href="{{playURL .Slug .ID}}" aria-label="播放《{{.Title}}》">
|
|
<img class="dh-poster-img lazy" src="/static/images/placeholder.png?v=2" data-src="{{coverURL .Cover .Banner}}" alt="{{.Title}}" title="{{.Title}}" />
|
|
{{if .IsFeatured}}<span class="dh-poster-badge">爆剧</span>{{else if .IsRecommend}}<span class="dh-poster-badge">黄果原创</span>{{else if .IsNew}}<span class="dh-poster-badge">上新</span>{{end}}
|
|
{{if .TotalEpisode}}<span class="dh-poster-eps">{{if eq .UpdateStatus 2}}全{{.TotalEpisode}}集{{else}}更新至{{.TotalEpisode}}集{{end}}</span>{{end}}
|
|
<span class="dh-poster-play" aria-hidden="true"><img src="/static/images/player.svg" alt="" /></span>
|
|
</a>
|
|
<div class="dh-info">
|
|
<div class="dh-brand">
|
|
<img class="dh-brand-avatar" src="/favicon.png?v=3" width="36" height="36" alt="" />
|
|
<span>黄果短剧官方</span>
|
|
</div>
|
|
<h1 class="dh-title">{{.Title}}</h1>
|
|
<div class="dh-meta">
|
|
<span>{{updateStatusText .UpdateStatus}}</span>
|
|
{{if .TotalEpisode}}<span>共 {{.TotalEpisode}} 集</span>{{end}}
|
|
<span>{{browseText .CountBrowse}}</span>
|
|
{{with playletDateText .OnlineAt .MediaCreatedAt .CreatedAt}}<span>{{.}} 上线</span>{{end}}
|
|
</div>
|
|
<h2 class="dh-intro-title">{{.Title}}剧情简介</h2>
|
|
<p class="dh-intro" data-dh-intro>{{if .Desc}}{{.Desc}}{{else}}暂无简介{{end}}</p>
|
|
<button class="dh-intro-toggle" type="button" data-dh-intro-toggle hidden>展开</button>
|
|
{{$detailTags := namedTags .TagIDs .TagNames .TagSlugs}}
|
|
{{if $detailTags}}
|
|
<div class="dh-tags">
|
|
{{range $detailTags}}
|
|
{{if .URL}}<a class="dh-tag" href="{{.URL}}">{{.Name}}</a>{{else}}<span class="dh-tag">{{.Name}}</span>{{end}}
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|
|
{{$themes := namedThemeTags .ThemeIDs .ThemeNames .ThemeSlugs}}
|
|
{{if $themes}}
|
|
<div class="dh-themes">
|
|
<span class="dh-themes-label">所属专题</span>
|
|
{{range $themes}}
|
|
{{if .URL}}<a class="dh-theme" href="{{.URL}}">{{.Name}}</a>{{else}}<span class="dh-theme">{{.Name}}</span>{{end}}
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|
|
<div class="dh-actions">
|
|
<a class="dh-btn dh-btn--primary" href="{{playURL .Slug .ID}}"><img src="/static/images/player.svg" alt="" />立即播放</a>
|
|
<button class="dh-btn" type="button" data-detail-share data-playlet-id="{{.ID}}"><img src="/static/images/share.svg" alt="" />分享</button>
|
|
<a class="dh-btn" href="/feedback/"><img src="/static/images/feedback.svg" alt="" />反馈</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{{template "contentPromo" $}}
|
|
|
|
<section class="dh-card dh-episodes" data-dh-episodes>
|
|
<div class="dh-episodes-head">
|
|
<div>
|
|
<h2 class="dh-episodes-title">{{.Title}}选集</h2>
|
|
<div class="dh-episodes-sub">{{if .TotalEpisode}}共 {{.TotalEpisode}} 集 · {{end}}{{updateStatusText .UpdateStatus}}</div>
|
|
</div>
|
|
<span class="dh-episodes-hint">点击集数直接播放</span>
|
|
</div>
|
|
{{if gt (len $.episodeRanges) 1}}
|
|
<div class="dh-ranges">
|
|
{{range $i, $r := $.episodeRanges}}
|
|
<button class="dh-range{{if eq $i 0}} is-active{{end}}" type="button" data-range-start="{{$r.Start}}" data-range-end="{{$r.End}}">{{$r.Label}}</button>
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|
|
<div class="dh-ep-grid">
|
|
{{$playletID := .ID}}
|
|
{{$playletSlug := .Slug}}
|
|
{{range .PlayletChapterInfo}}
|
|
{{if .AllowWatch}}
|
|
<a class="dh-ep" href="{{chapterPlayURL $playletSlug $playletID .ID}}" data-ep="{{.CurrentEpisode}}" aria-label="第{{.CurrentEpisode}}集">{{printf "%02d" .CurrentEpisode}}</a>
|
|
{{else}}
|
|
<a class="dh-ep dh-ep--locked" href="javascript:;" data-episode-locked data-ep="{{.CurrentEpisode}}" aria-label="第{{.CurrentEpisode}}集，下载APP观看">{{printf "%02d" .CurrentEpisode}}<span class="dh-ep-lock" aria-hidden="true">APP</span></a>
|
|
{{end}}
|
|
{{else}}
|
|
<div class="section-empty">暂无剧集</div>
|
|
{{end}}
|
|
</div>
|
|
</section>
|
|
|
|
{{template "contentOfficialInfo" $}}
|
|
{{template "contentAds" $}}
|
|
|
|
<section class="detail-comments"
|
|
data-comment-object-id="{{.ID}}"
|
|
data-comment-object-type="10"
|
|
data-comment-size="10">
|
|
<div class="detail-comments-head">
|
|
<h2 class="detail-comments-title" data-comment-title>评论</h2>
|
|
<div class="detail-comments-sort">
|
|
<button class="detail-sort-btn detail-sort-btn--active" type="button" data-comment-sort="1">热门</button>
|
|
<button class="detail-sort-btn" type="button" data-comment-sort="2">最新</button>
|
|
</div>
|
|
</div>
|
|
<div class="detail-comment-list" data-comment-list>
|
|
<div class="section-empty" data-comment-loading>评论加载中…</div>
|
|
</div>
|
|
<button class="detail-comments-more" type="button" data-comment-more hidden>加载更多</button>
|
|
</section>
|
|
</div>
|
|
<div class="content-column-divider" aria-hidden="true"></div>
|
|
<aside class="detail-sidebar">
|
|
{{template "contentHotSidebar" .}}
|
|
</aside>
|
|
</div>
|
|
</main>
|
|
<div class="detail-h5-bar">
|
|
<a class="detail-h5-play" href="{{playURL .Slug .ID}}">开始播放</a>
|
|
</div>
|
|
{{end}}
|
|
{{else}}
|
|
<main class="page-shell detail-page">
|
|
<h1 class="seo-visually-hidden">{{$pageTitle}} - {{$siteTitle}}</h1>
|
|
{{template "empty" .}}
|
|
</main>
|
|
{{end}}
|
|
{{template "footer" .}}
|
|
<script src="/static/js/pages/detail.js?v=16"></script>
|
|
</body>
|
|
</html>
|