gpttemp

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

@@ -0,0 +1,87 @@
+<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>