gpttemp

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

@@ -0,0 +1,90 @@
+<section class="{$TpStyle.dom_prefix}-d4-page">
+
+    <header class="{$TpStyle.dom_prefix}-d4-head">
+        <h1>{$arrVideo.v_name}</h1>
+    </header>
+
+    <div class="{$TpStyle.dom_prefix}-d4-meta">
+        <img loading="lazy"
+             src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"
+             alt="{$arrVideo.v_name}"
+             class="{$TpStyle.dom_prefix}-d4-img">
+
+        <div class="{$TpStyle.dom_prefix}-d4-table">
+            <p><span>类型</span><span>{$arrVideo.type.type_name}</span></p>
+            <p><span>年份</span><span>{$arrVideo.v_year}</span></p>
+            <p><span>地区</span><span>{$arrVideo.v_area}</span></p>
+            <p><span>语言</span><span>{$arrVideo.v_lang}</span></p>
+        </div>
+    </div>
+
+    {// 下拉选择线路 }
+    <div class="{$TpStyle.dom_prefix}-d4-linebox">
+        <label>播放线路：</label>
+        <select onchange="d4SelectLine(this.value)">
+            <?php $keyLineGroup = 0; ?>
+            {foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
+            <?php $keyLineGroup++ ;?>
+            <option value="{$strPlayGroupName}" {eq name='$keyLineGroup' value='1'}selected{/eq}>
+                {$strPlayGroupName}
+            </option>
+            {/foreach}
+        </select>
+    </div>
+
+    {// 集数列表：有序列表 }
+    <div class="{$TpStyle.dom_prefix}-d4-eplist">
+        <?php $keyLineGroup = 0; ?>
+        {foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
+        <?php $keyLineGroup++ ;?>
+        <ol class="{$TpStyle.dom_prefix}-d4-ol {eq name='$keyLineGroup' value='1'}active{/eq}"
+            id="d4_ol_{$strPlayGroupName}">
+            <?php $keyLine = 0; ?>
+            {volist name='$arrPlayUrlType' id='arrPlayUrl'}
+            <?php $keyLine++ ;?>
+            <li>
+                <a href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="$strPlayGroupName" play_index="$keyLine" /}'
+                   class="{if $keyLine == $Request.route.intPlayIndex}active{/if}"
+                   m3u8="{$arrPlayUrl.url}">
+                    {$arrPlayUrl.name}
+                </a>
+            </li>
+            {/volist}
+        </ol>
+        {/foreach}
+    </div>
+
+    {// 简介 }
+    <article class="{$TpStyle.dom_prefix}-d4-desc">
+        <h2>内容简介</h2>
+        <p>{$arrVideo.v_des}</p>
+    </article>
+
+    {// 同年份推荐 }
+    <section class="{$TpStyle.dom_prefix}-d4-rel">
+        <h3>{$arrVideo.v_year} 年度影片推荐</h3>
+
+        {video:listexp count="6" v_year="$arrVideo.v_year" d_key="key" d_val="Video"
+                       export_name="arrRelYear" cache_life="3600" /}
+        <div class="{$TpStyle.dom_prefix}-d4-grid">
+            {volist name="arrRelYear" id="re"}
+            <a href="/detail/{$re.v_id}.html" class="{$TpStyle.dom_prefix}-d4-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>
+
+</section>
+
+<script>
+function d4SelectLine(name){
+    document.querySelectorAll('.{$TpStyle.dom_prefix}-d4-ol')
+        .forEach(function(el){ el.classList.remove('active'); });
+    var target = document.getElementById('d4_ol_'+name);
+    if(target){ target.classList.add('active'); }
+}
+</script>