102 lines
3.7 KiB
HTML
102 lines
3.7 KiB
HTML
<article class="{$TpStyle.dom_prefix}-d3-page">
|
|
{php}
|
|
$strDetailPlaySlug = trim((string)($arrVideo['v_name_en'] ?? ''));
|
|
if ($strDetailPlaySlug === '') {
|
|
$strDetailPlaySlug = (string)($arrVideo['v_id'] ?? '');
|
|
}
|
|
{/php}
|
|
|
|
<section class="{$TpStyle.dom_prefix}-d3-top">
|
|
<div class="{$TpStyle.dom_prefix}-d3-picbox">
|
|
<img loading="lazy"
|
|
src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"
|
|
alt="{$arrVideo.v_name}"
|
|
class="{$TpStyle.dom_prefix}-d3-pic">
|
|
</div>
|
|
<div class="{$TpStyle.dom_prefix}-d3-meta">
|
|
<h1>{$arrVideo.v_name}</h1>
|
|
<p>{$arrVideo.v_year} · {$arrVideo.type.type_name}</p>
|
|
<p>主演：{$arrVideo.v_actor}</p>
|
|
<p>地区：{$arrVideo.v_area}</p>
|
|
</div>
|
|
</section>
|
|
|
|
{// 线路标签 }
|
|
<nav class="{$TpStyle.dom_prefix}-d3-linesel">
|
|
<?php $keyLineGroup = 0; ?>
|
|
{foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
|
|
<?php $keyLineGroup++ ;?>
|
|
<span class="{$TpStyle.dom_prefix}-d3-chip {eq name='$keyLineGroup' value='1'}active{/eq}"
|
|
onclick="d3Line('{$strPlayGroupName}', this)">
|
|
{$strPlayGroupName}
|
|
</span>
|
|
{/foreach}
|
|
</nav>
|
|
|
|
{// 集数列表 }
|
|
<section class="{$TpStyle.dom_prefix}-d3-epwrap">
|
|
<?php $keyLineGroup = 0; ?>
|
|
{foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
|
|
<?php $keyLineGroup++ ;?>
|
|
<div class="{$TpStyle.dom_prefix}-d3-epbox {eq name='$keyLineGroup' value='1'}active{/eq}"
|
|
id="d3_box_{$strPlayGroupName}">
|
|
<?php $keyLine = 0; ?>
|
|
{volist name='$arrPlayUrlType' id='arrPlayUrl'}
|
|
<?php $keyLine++ ;?>
|
|
{php}
|
|
$strEpisodePlayUrl = app(\app\services\VideoService::class)->getVideoPlayUrl(
|
|
(int)($arrVideo['v_id'] ?? 0),
|
|
$strDetailPlaySlug,
|
|
(string)$strPlayGroupName,
|
|
(int)$keyLine
|
|
);
|
|
{/php}
|
|
<a href="{$strEpisodePlayUrl}"
|
|
class="{$TpStyle.dom_prefix}-d3-epitem {if $keyLine == $Request.route.intPlayIndex}active{/if}"
|
|
m3u8="{$arrPlayUrl.url}">
|
|
{$arrPlayUrl.name}
|
|
</a>
|
|
{/volist}
|
|
</div>
|
|
{/foreach}
|
|
</section>
|
|
|
|
{// 简介 }
|
|
<section class="{$TpStyle.dom_prefix}-d3-desc">
|
|
<h2>简介</h2>
|
|
<p>{$arrVideo.v_des}</p>
|
|
</section>
|
|
|
|
{// 同演员推荐 }
|
|
<section class="{$TpStyle.dom_prefix}-d3-rel">
|
|
<h3>同主演推荐</h3>
|
|
|
|
{video:listexp count="6" v_actor="$arrVideo.v_actor" d_key="key" d_val="Video"
|
|
export_name="arrRelActor" cache_life="3600" /}
|
|
<div class="{$TpStyle.dom_prefix}-d3-grid">
|
|
{volist name="arrRelActor" id="re"}
|
|
<a href="/detail/{$re.v_id}.html" class="{$TpStyle.dom_prefix}-d3-card">
|
|
<img loading="lazy"
|
|
src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$re.v_pic}"
|
|
alt="{$re.v_name}">
|
|
<p>{$re.v_name}</p>
|
|
</a>
|
|
{/volist}
|
|
</div>
|
|
</section>
|
|
|
|
</article>
|
|
|
|
<script>
|
|
function d3Line(name, el){
|
|
document.querySelectorAll('.{$TpStyle.dom_prefix}-d3-epbox')
|
|
.forEach(function(box){ box.classList.remove('active'); });
|
|
var target = document.getElementById('d3_box_'+name);
|
|
if(target) target.classList.add('active');
|
|
|
|
document.querySelectorAll('.{$TpStyle.dom_prefix}-d3-chip')
|
|
.forEach(function(c){ c.classList.remove('active'); });
|
|
el.classList.add('active');
|
|
}
|
|
</script>
|