排版调整
This commit is contained in:
谢宇宁
@@ -14,6 +14,7 @@
|
||||
<link rel="stylesheet" href="/static/css/index.css?v=25">
|
||||
<link rel="stylesheet" href="/static/css/list.css?v=5">
|
||||
<link rel="stylesheet" href="/static/css/categoryDetail.css?v=1">
|
||||
<link rel="stylesheet" href="/static/css/dramaTile.css?v=1" />
|
||||
</head>
|
||||
<body class="site-shell has-h5-tabbar list-page-body category-detail-body">
|
||||
{{template "header" .}}
|
||||
|
||||
@@ -21,7 +21,8 @@
|
||||
{{end}}
|
||||
<link rel="stylesheet" href="/static/css/index.css?v=27">
|
||||
<link rel="stylesheet" href="/static/css/detail.css?v=31">
|
||||
<link rel="stylesheet" href="/static/css/detailHero.css?v=3">
|
||||
<link rel="stylesheet" href="/static/css/detailHero.css?v=5">
|
||||
<link rel="stylesheet" href="/static/css/dramaTile.css?v=1" />
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
@@ -18,6 +18,7 @@
|
||||
<script type="application/ld+json">{{.jsonLD}}</script>
|
||||
{{end}}
|
||||
<link rel="stylesheet" href="/static/css/index.css?v=39">
|
||||
<link rel="stylesheet" href="/static/css/dramaTile.css?v=1" />
|
||||
{{/* PC 需要 Swiper 样式；H5 延后按需注入，避免首屏下载与强制重排 */}}
|
||||
<link rel="stylesheet" href="/static/common/swiper-bundle.min.css" media="(min-width: 768px)">
|
||||
<link rel="preload" href="/static/common/swiper-bundle.min.js" as="script" media="(min-width: 768px)">
|
||||
|
||||
@@ -15,6 +15,7 @@
|
||||
{{end}}
|
||||
<link rel="stylesheet" href="/static/css/index.css?v=25">
|
||||
<link rel="stylesheet" href="/static/css/list.css?v=6">
|
||||
<link rel="stylesheet" href="/static/css/dramaTile.css?v=1" />
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
@@ -31,6 +31,7 @@
|
||||
{{end}}
|
||||
<link rel="stylesheet" href="/static/css/index.css?v=25" />
|
||||
<link rel="stylesheet" href="/static/css/more.css?v=3" />
|
||||
<link rel="stylesheet" href="/static/css/dramaTile.css?v=1" />
|
||||
</head>
|
||||
<body class="site-shell has-h5-tabbar topic-page-body">
|
||||
{{template "header" .}}
|
||||
|
||||
@@ -27,7 +27,8 @@
|
||||
{{end}}
|
||||
<link rel="stylesheet" href="/static/css/index.css?v=27">
|
||||
<link rel="stylesheet" href="/static/css/detail.css?v=31">
|
||||
<link rel="stylesheet" href="/static/css/play.css?v=27">
|
||||
<link rel="stylesheet" href="/static/css/play.css?v=29">
|
||||
<link rel="stylesheet" href="/static/css/dramaTile.css?v=1" />
|
||||
<link rel="stylesheet" href="/static/common/DPlayer.min.css">
|
||||
<script defer src="/static/common/hls.min.js"></script>
|
||||
<script defer src="/static/common/DPlayer.min.js"></script>
|
||||
@@ -65,16 +66,16 @@
|
||||
>
|
||||
<nav class="play-breadcrumb" aria-label="面包屑">
|
||||
<a class="play-breadcrumb-link" href="/">首页</a>
|
||||
<span class="play-breadcrumb-sep">/</span>
|
||||
<span class="play-breadcrumb-sep" aria-hidden="true">›</span>
|
||||
<a class="play-breadcrumb-link" href="/list/ai-short-play/">短剧</a>
|
||||
<span class="play-breadcrumb-sep">/</span>
|
||||
<span class="play-breadcrumb-sep" aria-hidden="true">›</span>
|
||||
{{if $playletID}}
|
||||
<a class="play-breadcrumb-link" href="{{detailURL $playletSlug $playletID}}">{{if $playlet}}{{$playlet.Title}}{{else}}短剧{{end}}</a>
|
||||
{{else}}
|
||||
<span class="play-breadcrumb-link">{{if $playlet}}{{$playlet.Title}}{{else}}短剧{{end}}</span>
|
||||
{{end}}
|
||||
{{if $chapter}}
|
||||
<span class="play-breadcrumb-sep">/</span>
|
||||
<span class="play-breadcrumb-sep" aria-hidden="true">›</span>
|
||||
<span class="play-breadcrumb-current">第{{$chapter.CurrentEpisode}}集</span>
|
||||
{{end}}
|
||||
</nav>
|
||||
@@ -173,6 +174,34 @@
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<section class="play-episodes">
|
||||
<h2 class="play-episodes-label">选集{{if and $playlet $playlet.TotalEpisode}}<span class="play-episodes-count">全{{$playlet.TotalEpisode}}集 · {{updateStatusText $playlet.UpdateStatus}}</span>{{end}}</h2>
|
||||
{{with $.episodeRanges}}
|
||||
<div class="play-ep-ranges" data-play-ep-ranges>
|
||||
{{range $i, $r := .}}
|
||||
<button class="play-ep-range{{if eq $i 0}} play-ep-range--active{{end}}" type="button" data-range-start="{{$r.Start}}" data-range-end="{{$r.End}}">{{$r.Label}}</button>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
<div class="play-ep-grid" data-play-ep-grid>
|
||||
{{range $.chapters}}
|
||||
{{$active := and $chapter (eq .ID $chapter.ID)}}
|
||||
{{if .AllowWatch}}
|
||||
<a class="play-ep{{if $active}} play-ep--active{{end}}" href="{{chapterPlayURL $playletSlug $playletID .ID}}" data-ep="{{.CurrentEpisode}}" data-chapter-id="{{.ID}}" data-play-switch>
|
||||
<span class="play-ep-num">{{.CurrentEpisode}}</span>
|
||||
</a>
|
||||
{{else}}
|
||||
<a class="play-ep{{if $active}} play-ep--active{{end}}" href="javascript:;" data-ep="{{.CurrentEpisode}}" data-chapter-id="{{.ID}}" data-play-locked aria-label="第{{.CurrentEpisode}}集，下载APP观看">
|
||||
<span class="play-ep-num">{{.CurrentEpisode}}</span>
|
||||
<span class="play-ep-lock" aria-hidden="true">APP</span>
|
||||
</a>
|
||||
{{end}}
|
||||
{{else}}
|
||||
<div class="section-empty">暂无剧集</div>
|
||||
{{end}}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{template "contentPromo" $}}
|
||||
|
||||
<div class="play-info">
|
||||
@@ -193,8 +222,8 @@
|
||||
</div>
|
||||
{{if $playlet}}
|
||||
<div class="play-info-meta">
|
||||
<span>集数：{{$playlet.TotalEpisode}}集</span>
|
||||
<span>上线时间 : {{playletDateText $playlet.OnlineAt $playlet.MediaCreatedAt $playlet.CreatedAt}}</span>
|
||||
{{if $playlet.TotalEpisode}}<span>全{{$playlet.TotalEpisode}}集</span>{{end}}
|
||||
<span>{{playletDateText $playlet.OnlineAt $playlet.MediaCreatedAt $playlet.CreatedAt}} 上线</span>
|
||||
</div>
|
||||
<p class="play-info-desc">{{if $playlet.Desc}}{{$playlet.Desc}}{{else}}暂无简介{{end}}</p>
|
||||
{{end}}
|
||||
@@ -221,33 +250,6 @@
|
||||
>下载APP</a>
|
||||
</div>
|
||||
|
||||
<section class="play-episodes">
|
||||
<h2 class="play-episodes-label">剧集</h2>
|
||||
{{with $.episodeRanges}}
|
||||
<div class="play-ep-ranges" data-play-ep-ranges>
|
||||
{{range $i, $r := .}}
|
||||
<button class="play-ep-range{{if eq $i 0}} play-ep-range--active{{end}}" type="button" data-range-start="{{$r.Start}}" data-range-end="{{$r.End}}">{{$r.Label}}</button>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
<div class="play-ep-grid" data-play-ep-grid>
|
||||
{{range $.chapters}}
|
||||
{{$active := and $chapter (eq .ID $chapter.ID)}}
|
||||
{{if .AllowWatch}}
|
||||
<a class="play-ep{{if $active}} play-ep--active{{end}}" href="{{chapterPlayURL $playletSlug $playletID .ID}}" data-ep="{{.CurrentEpisode}}" data-chapter-id="{{.ID}}" data-play-switch>
|
||||
<span class="play-ep-num">{{.CurrentEpisode}}</span>
|
||||
</a>
|
||||
{{else}}
|
||||
<a class="play-ep{{if $active}} play-ep--active{{end}}" href="javascript:;" data-ep="{{.CurrentEpisode}}" data-chapter-id="{{.ID}}" data-play-locked aria-label="第{{.CurrentEpisode}}集，下载APP观看">
|
||||
<span class="play-ep-num">{{.CurrentEpisode}}</span>
|
||||
<span class="play-ep-lock" aria-hidden="true">APP</span>
|
||||
</a>
|
||||
{{end}}
|
||||
{{else}}
|
||||
<div class="section-empty">暂无剧集</div>
|
||||
{{end}}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{template "contentOfficialInfo" $}}
|
||||
{{template "contentAds" $}}
|
||||
|
||||
@@ -15,6 +15,7 @@
|
||||
{{end}}
|
||||
<link rel="stylesheet" href="/static/css/index.css?v=25">
|
||||
<link rel="stylesheet" href="/static/css/rank.css?v=11">
|
||||
<link rel="stylesheet" href="/static/css/dramaTile.css?v=1" />
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
@@ -27,6 +27,7 @@
|
||||
/>
|
||||
<link rel="stylesheet" href="/static/css/index.css?v=25" />
|
||||
<link rel="stylesheet" href="/static/css/search.css?v=7" />
|
||||
<link rel="stylesheet" href="/static/css/dramaTile.css?v=1" />
|
||||
</head>
|
||||
<body class="site-shell search-layout {{if .query}}has-search-query{{else}}is-search-landing{{end}}">
|
||||
{{template "header" .}}
|
||||
|
||||
@@ -15,6 +15,7 @@
|
||||
{{end}}
|
||||
<link rel="stylesheet" href="/static/css/index.css?v=25">
|
||||
<link rel="stylesheet" href="/static/css/list.css?v=6">
|
||||
<link rel="stylesheet" href="/static/css/dramaTile.css?v=1" />
|
||||
</head>
|
||||
<body class="site-shell has-h5-tabbar list-page-body series-page-body">
|
||||
{{template "header" .}}
|
||||
|
||||
@@ -16,6 +16,7 @@
|
||||
<link rel="stylesheet" href="/static/css/index.css?v=25">
|
||||
<link rel="stylesheet" href="/static/css/more.css?v=3">
|
||||
<link rel="stylesheet" href="/static/css/tagList.css?v=2">
|
||||
<link rel="stylesheet" href="/static/css/dramaTile.css?v=1" />
|
||||
</head>
|
||||
<body class="site-shell has-h5-tabbar topic-page-body tag-page-body">
|
||||
{{template "header" .}}
|
||||
|
||||
@@ -15,6 +15,7 @@
|
||||
{{end}}
|
||||
<link rel="stylesheet" href="/static/css/index.css?v=25">
|
||||
<link rel="stylesheet" href="/static/css/todayUpdate.css">
|
||||
<link rel="stylesheet" href="/static/css/dramaTile.css?v=1" />
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
Reference in New Issue
Block a user