88 lines
3.3 KiB
HTML
88 lines
3.3 KiB
HTML
<article class="{$TpStyle.dom_prefix}-d3-page">
|
|
|
|
<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++ ;?>
|
|
<a href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="$strPlayGroupName" play_index="$keyLine" /}'
|
|
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>
|