gpttemp

code/app/home/view/videoGpt1/module/detail/detail_05.html

@@ -0,0 +1,86 @@
+<article class="{$TpStyle.dom_prefix}-d5-page">
+
+    <header class="{$TpStyle.dom_prefix}-d5-head">
+        <h1>{$arrVideo.v_name}</h1>
+        <p>{$arrVideo.v_year} · {$arrVideo.type.type_name} · {$arrVideo.v_area}</p>
+    </header>
+
+    <figure class="{$TpStyle.dom_prefix}-d5-fig">
+        <img loading="lazy"
+             src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"
+             alt="{$arrVideo.v_name}"
+             class="{$TpStyle.dom_prefix}-d5-poster">
+    </figure>
+
+    {// 线路按钮条 }
+    <section class="{$TpStyle.dom_prefix}-d5-lines">
+        <div class="{$TpStyle.dom_prefix}-d5-linechips">
+            <?php $keyLineGroup = 0; ?>
+            {foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
+            <?php $keyLineGroup++ ;?>
+            <button type="button"
+                    class="{$TpStyle.dom_prefix}-d5-chip {eq name='$keyLineGroup' value='1'}active{/eq}"
+                    onclick="d5Line('{$strPlayGroupName}', this)">
+                {$strPlayGroupName}
+            </button>
+            {/foreach}
+        </div>
+
+        <div class="{$TpStyle.dom_prefix}-d5-epswrap">
+            <?php $keyLineGroup = 0; ?>
+            {foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
+            <?php $keyLineGroup++ ;?>
+            <div class="{$TpStyle.dom_prefix}-d5-eps {eq name='$keyLineGroup' value='1'}active{/eq}"
+                 id="d5_eps_{$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}-d5-epbtn {if $keyLine == $Request.route.intPlayIndex}active{/if}"
+                   m3u8="{$arrPlayUrl.url}">
+                    {$arrPlayUrl.name}
+                </a>
+                {/volist}
+            </div>
+            {/foreach}
+        </div>
+    </section>
+
+    {// 简介分段 }
+    <section class="{$TpStyle.dom_prefix}-d5-info">
+        <h2>简介</h2>
+        <p>{$arrVideo.v_des}</p>
+    </section>
+
+    {// 综合推荐：同类 + 高票房 }
+    <section class="{$TpStyle.dom_prefix}-d5-rel">
+        <h3>你可能还喜欢</h3>
+
+        {video:listexp count="8" v_category="$arrVideo.v_category" d_key="key" d_val="Video"
+                       export_name="arrRelMix" cache_life="3600" /}
+        <div class="{$TpStyle.dom_prefix}-d5-relgrid">
+            {volist name="arrRelMix" id="re"}
+            <a href="/detail/{$re.v_id}.html" class="{$TpStyle.dom_prefix}-d5-relcard">
+                <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 d5Line(name, el){
+    document.querySelectorAll('.{$TpStyle.dom_prefix}-d5-eps')
+        .forEach(function(box){ box.classList.remove('active'); });
+    var t = document.getElementById('d5_eps_'+name);
+    if(t) t.classList.add('active');
+
+    document.querySelectorAll('.{$TpStyle.dom_prefix}-d5-chip')
+        .forEach(function(c){ c.classList.remove('active'); });
+    el.classList.add('active');
+}
+</script>