video-template-5
This commit is contained in:
make
@@ -133,133 +133,141 @@
|
||||
|
||||
{block name="main"}
|
||||
|
||||
<div class="container">
|
||||
|
||||
<nav class="breadcrumb" aria-label="breadcrumb">
|
||||
<ol itemscope itemtype="https://schema.org/BreadcrumbList">
|
||||
<li style="margin-right:10px"><label><i class="baf725 fa fa-map-marker"></i></label></li>
|
||||
|
||||
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
||||
<a href="/" itemprop="item">
|
||||
<span itemprop="name">首页</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="1" />
|
||||
</li>
|
||||
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
||||
<a href='{site:vciurl parent_category="$arrVideo.v_parent_category_en" /}' itemprop="item">
|
||||
<span itemprop="name">{$arrVideo.v_parent_category}</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="2" />
|
||||
</li>
|
||||
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
||||
<a href='{site:vclurl parent_category="$arrVideo.v_parent_category_en" category="$arrVideo.v_parent_category_en" area="all" lang="all" year="all" order="all" page="1"/}'
|
||||
itemprop="item">
|
||||
<span itemprop="name">{$arrVideo.v_category}</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="3" />
|
||||
</li>
|
||||
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
||||
<a href='{site:vurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en"/}'
|
||||
itemprop="item">
|
||||
<span itemprop="name">{$arrVideo.v_name}</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="4" />
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="a971eb lvshicms-container-bg detail-info-box" style="margin-top:-20px;">
|
||||
<h1 class="view-title">
|
||||
{site:replace code="VIDEO@GETVIDEOINFO@H1" diff="$arrVideo.v_id"}
|
||||
</h1>
|
||||
<h4 class="view-description">{site:replace code="VIDEO@GETVIDEOINFO@TEXT" diff="$arrVideo.v_id"}</h4>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="f969ad container">
|
||||
<h1 class="view-title">
|
||||
{site:replace code="VIDEO@GETVIDEOINFO@H1" diff="$arrVideo.v_id"}
|
||||
</h1>
|
||||
<h4 class="view-description">{site:replace code="VIDEO@GETVIDEOINFO@TEXT" diff="$arrVideo.v_id"}</h4>
|
||||
<div class="col-lg-wide-75 col-xs-1 padding-0">
|
||||
<div class="stui-pannel stui-pannel-bg clearfix">
|
||||
<div class="stui-pannel-box clearfix">
|
||||
<div class="stui-pannel_bd clearfix">
|
||||
<div class="stui-content col-pd clearfix">
|
||||
<div class="stui-content__thumb">
|
||||
<a class="stui-vodlist__thumb picture v-thumb"
|
||||
href='{site:vurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en"/}'
|
||||
title="{$arrVideo.v_name}">
|
||||
<img class="lazyload"
|
||||
src="{$arrVideo.v_pic}">
|
||||
<span class="play active hidden-xs"></span>
|
||||
<span class="pic-text text-right">{$arrVideo.v_remarks}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="stui-content__detail">
|
||||
<h1 class="title">{$arrVideo.v_name}</h1>
|
||||
<div class="score">
|
||||
<div class="star">
|
||||
<span class="star-cur" id="score" style="width: 90%;"></span>
|
||||
</div>
|
||||
<span class="branch">{$arrVideo.v_score}</span>
|
||||
</div>
|
||||
<p class="data hidden-xs">
|
||||
<span class="text-muted">类型：</span>
|
||||
<a href='{site:vciurl parent_category="$arrVideo.v_parent_category" /}'>{$arrVideo.v_parent_category}</a>
|
||||
<a href='{site:vciurl parent_category="$arrVideo.v_parent_category" /}'>{$arrVideo.v_category}</a>
|
||||
<span class="split-line"></span>
|
||||
<span class="text-muted">地区：</span>
|
||||
{volist name='$arrVideo.v_director' id='vo' key='index'}
|
||||
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
|
||||
|
||||
{/volist}
|
||||
<span class="split-line"></span>
|
||||
<span class="text-muted">年份：{$arrVideo.v_year}</span>
|
||||
|
||||
<span class="split-line"></span>
|
||||
<span class="text-muted">语言：</span>
|
||||
{volist name='$arrVideo.v_lang' id='vo' key='index'}
|
||||
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
|
||||
|
||||
{/volist}
|
||||
</p>
|
||||
|
||||
<nav class="breadcrumb" aria-label="breadcrumb">
|
||||
<ol itemscope itemtype="https://schema.org/BreadcrumbList">
|
||||
<li style="margin-right:10px"><label><i class="baf725 fa fa-map-marker"></i></label></li>
|
||||
|
||||
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
||||
<a href="/" itemprop="item">
|
||||
<span itemprop="name">首页</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="1" />
|
||||
</li>
|
||||
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
||||
<a href='{site:vciurl parent_category="$arrVideo.v_parent_category_en" /}' itemprop="item">
|
||||
<span itemprop="name">{$arrVideo.v_parent_category}</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="2" />
|
||||
</li>
|
||||
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
||||
<a href='{site:vclurl parent_category="$arrVideo.v_parent_category_en" category="$arrVideo.v_parent_category_en" area="all" lang="all" year="all" order="all" page="1"/}'
|
||||
itemprop="item">
|
||||
<span itemprop="name">{$arrVideo.v_category}</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="3" />
|
||||
</li>
|
||||
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
|
||||
<a href='{site:vurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en"/}'
|
||||
itemprop="item">
|
||||
<span itemprop="name">{$arrVideo.v_name}</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="4" />
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<p class="data">
|
||||
<span class="text-muted">主演：</span>
|
||||
{volist name='$arrVideo.v_actor' id='vo' key='index'}
|
||||
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
|
||||
|
||||
{/volist}
|
||||
</p>
|
||||
|
||||
|
||||
<div class="fc40de row">
|
||||
<div class="f147ce lvshicms-panel margin-0 clearfix">
|
||||
<div class="a193f5 lvshicms-panel-box clearfix">
|
||||
<div class="dea615 col-xs-1 detail-box">
|
||||
<div class="b97972 lvshicms-content__thumb">
|
||||
<a class="f2880b lvshicms-vodlist__thumb video-info-lvshicms-vodlist__thumb picture" href="/product/90860-1-1.html"
|
||||
title="{$arrVideo.v_name}">
|
||||
<img class="f20604 lazyload" src="{$arrVideo.v_pic}">
|
||||
<span class="c5512d detail-icon play"></span>
|
||||
<span class="a555ce pic-text text-right">已完结</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="eecb94 lvshicms-content__detail">
|
||||
<h1 class="edfc9f title">{$arrVideo.v_name}</h1>
|
||||
<p class="fe7a76 data"><span class="dcb052 text-muted">主演：</span>
|
||||
{volist name='$arrVideo.v_actor' id='vo' key='index'}
|
||||
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
|
||||
|
||||
{/volist}
|
||||
</p>
|
||||
<p class="d53452 data"><span class="a0dae5 text-muted">导演：</span>
|
||||
{volist name='$arrVideo.v_director' id='vo' key='index'}
|
||||
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
|
||||
|
||||
{/volist}
|
||||
</p>
|
||||
<p class="bb52e4 data">
|
||||
<span class="ed25a2 text-muted">分类：</span>
|
||||
<a
|
||||
href='{site:vsurl key="$arrVideo.v_parent_category" p="1"/}'>{$arrVideo.v_parent_category}</a>
|
||||
</p>
|
||||
<p class="bb52e4 data">
|
||||
<span class="ed25a2 text-muted">类型：</span>
|
||||
<a href='{site:vsurl key="$arrVideo.v_category" p="1"/}'>{$arrVideo.v_category}</a>
|
||||
</p>
|
||||
<p class="d994f6 data">
|
||||
<span class="d8c8c2 text-muted">地区：</span>
|
||||
{volist name='$arrVideo.v_area' id='vo' key='index'}
|
||||
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
|
||||
|
||||
{/volist}
|
||||
</p>
|
||||
<p class="e027e7 data"><span class="ca5df1 text-muted">更新：</span>{$arrVideo.v_publish_date}
|
||||
</p>
|
||||
<p class="data">
|
||||
<span class="text-muted">导演：</span>
|
||||
{volist name='$arrVideo.v_director' id='vo' key='index'}
|
||||
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
|
||||
|
||||
{/volist}
|
||||
</p>
|
||||
|
||||
<div class="ca86f6 detail-info-btn">
|
||||
<li>
|
||||
<a class="c82c25 btn btn-warm"
|
||||
<p class="data hidden-xs">
|
||||
<span class="text-muted">更新：</span>
|
||||
{$arrVideo.v_publish_date}
|
||||
</p>
|
||||
|
||||
<div class="play-btn clearfix">
|
||||
<div class="share bdsharebuttonbox hidden-sm hidden-xs pull-right"></div>
|
||||
<a class="btn btn-primary"
|
||||
href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="default" play_index="1" /}'>
|
||||
<i class="b6a199 fa fa-play"></i>
|
||||
立即播放
|
||||
</a>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="b949ce container">
|
||||
<div class="d4cf89 row">
|
||||
<div class="f608c5 col-xs-1 col-md-wide-75">
|
||||
{foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
|
||||
<div class="cfd65a lvshicms-panel lvshicms-panel-bg clearfix">
|
||||
<div class="b3a7e3 lvshicms-panel-box clearfix">
|
||||
<div class="e8c33d lvshicms-panel_hd">
|
||||
<div class="f238a4 lvshicms-panel__head bottom-line active clearfix">
|
||||
|
||||
<h3 class="d82c55 title"> {$strPlayGroupName} </h3>
|
||||
<span class="ace011 more text-muted"></span>
|
||||
<div class="stui-pannel stui-pannel-bg clearfix">
|
||||
<div class="stui-pannel-box b playlist mb">
|
||||
<div class="stui-pannel_hd">
|
||||
<div class="stui-pannel__head bottom-line active clearfix"><span
|
||||
class="nore text-muted pull-right"></span>
|
||||
<h3 class="title">{$strPlayGroupName}</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="af83ff lvshicms-panel_bd clearfix">
|
||||
<ul class="ec7fc4 lvshicms-content__list sort-list clearfix">
|
||||
<div class="stui-pannel_bd col-pd clearfix">
|
||||
<ul class="stui-content__playlist clearfix">
|
||||
{volist name='$arrPlayUrlType' id='arrPlayUrl'}
|
||||
<li class="fe7195 col-lg-6 col-md-5 col-sm-4 col-xs-3">
|
||||
<a class="bd8e2d btn btn-default"
|
||||
href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="$strPlayGroupName" play_index="$i" /}'>{$arrPlayUrl.name}
|
||||
</a>
|
||||
<li >
|
||||
<a href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="$strPlayGroupName" play_index="$i" /}'>{$arrPlayUrl.name}</a>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
@@ -268,92 +276,77 @@
|
||||
</div>
|
||||
{/foreach}
|
||||
|
||||
<div class="fbb509 lvshicms-panel lvshicms-panel-bg clearfix">
|
||||
<div class="de59fa lvshicms-panel-box clearfix">
|
||||
<div class="c42a28 lvshicms-panel_hd">
|
||||
<div class="bb7fba lvshicms-panel__head clearfix">
|
||||
<h3 class="f3d3f6 title">剧情介绍</h3>
|
||||
<div class="stui-pannel stui-pannel-bg clearfix">
|
||||
<div class="stui-pannel-box">
|
||||
<div class="stui-pannel_hd">
|
||||
<div class="stui-pannel__head clearfix">
|
||||
<h3 class="title"><img src="/template/videonunu/icon/icon_30.png">剧情介绍</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="f42eb6 lvshicms-panel_bd">
|
||||
<ul class="fee9ad lvshicms-vod-content col-pd clearfix">
|
||||
<li class="ba9e50 col-pd">
|
||||
<div class="d154e9 shrink-box shrinked">
|
||||
<div class="acf872 shrink-text">
|
||||
{$arrVideo.v_description|raw}</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="stui-pannel_bd">
|
||||
<div class="detail col-pd">
|
||||
<span class="detail-sketch">
|
||||
{$arrVideo.v_name}是一部评分{$arrVideo.v_score}的
|
||||
<a href='{site:vciurl parent_category="$arrVideo.v_parent_category" /}'>{$arrVideo.v_parent_category}</a>
|
||||
<a href='{site:vciurl parent_category="$arrVideo.v_parent_category" /}'>{$arrVideo.v_category}</a>
|
||||
影视作品,影片的导演是
|
||||
{volist name='$arrVideo.v_director' id='vo' key='index'}
|
||||
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
|
||||
|
||||
{/volist}
|
||||
,是由
|
||||
{volist name='$arrVideo.v_actor' id='vo' key='index'}
|
||||
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
|
||||
|
||||
{/volist}
|
||||
主演，
|
||||
{$arrVideo.v_description|raw}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cf2f0c lvshicms-panel lvshicms-panel-bg clearfix">
|
||||
<div class="c47e1e lvshicms-panel-box clearfix">
|
||||
<div class="e83124 lvshicms-panel_hd">
|
||||
<div class="afb3ca lvshicms-panel__head bottom-line active clearfix">
|
||||
<h3 class="d3b7c4 title">同类型</h3>
|
||||
<div class="stui-pannel stui-pannel-bg clearfix">
|
||||
<div class="stui-pannel-box">
|
||||
<div class="stui-pannel_hd">
|
||||
<div class="stui-pannel__head clearfix">
|
||||
<h3 class="title">
|
||||
<img src="/template/videonunu/icon/icon_6.png">
|
||||
猜你喜欢
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d5b99f lvshicms-panel_bd">
|
||||
<ul class="bc7e71 lvshicms-vodlist__bd clearfix">
|
||||
{video:list count="12"
|
||||
<div class="stui-pannel_bd">
|
||||
<ul class="stui-vodlist__bd clearfix">
|
||||
{video:list count="10"
|
||||
v_category_en="$arrVideo.v_category_en"
|
||||
v_lang_en="all"
|
||||
v_area_en="all"
|
||||
v_year="all"
|
||||
sort_type="news"
|
||||
d_key="d_key" d_val="Video" cache_life="86400"}
|
||||
|
||||
{include file="public/video-list-shu" start="0" col-lg="4"/}
|
||||
{/video:list}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d6bc14 lvshicms-panel lvshicms-panel-bg clearfix">
|
||||
<div class="e81862 lvshicms-panel-box clearfix">
|
||||
<div class="fcdb67 lvshicms-panel_hd">
|
||||
<div class="b6114e lvshicms-panel__head bottom-line active clearfix">
|
||||
<h3 class="ae5ab2 title">猜你喜欢</h3>
|
||||
<span class="fdf3d7 text-muted more pull-right"><a rel="nofollow" href="/case/tv.html">更多 <i
|
||||
class="f36af8 fa fa-angle-right"></i></a></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="b29ef1 lvshicms-panel_bd">
|
||||
<ul class="d95dd8 lvshicms-vodlist__bd clearfix">
|
||||
{video:list count="12"
|
||||
v_category_en="$arrVideo.v_category_en"
|
||||
v_lang_en="all"
|
||||
v_area_en="all"
|
||||
v_year="all"
|
||||
sort_type="news"
|
||||
d_key="d_key" d_val="Video" cache_life="86400"}
|
||||
|
||||
{include file="public/video-list-shu" start="0" col-lg="4"/}
|
||||
{include file="public/video-list-shu" start="0" col-md="5"/}
|
||||
{/video:list}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="e1d6ee hidden-xs hidden-sm col-md-wide-25">
|
||||
<div class="cad2e9 lvshicms-panel lvshicms-panel-bg clearfix">
|
||||
<div class="c161d4 lvshicms-panel-box clearfix">
|
||||
<div class="b068f7 lvshicms-panel_hd">
|
||||
<div class="cb5cbd lvshicms-panel__head bottom-line active clearfix">
|
||||
<h3 class="b12e07 title">热播{$arrVideo.v_parent_category}</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cf4a36 lvshicms-panel_bd clearfix">
|
||||
<ul class="f9a6ab lvshicms-vodlist__text col-pd clearfix">
|
||||
<div class="col-lg-wide-25 col-xs-1 stui-pannel-side visible-lg">
|
||||
|
||||
<div class="stui-pannel stui-pannel-bg clearfix">
|
||||
<div class="stui-pannel-box">
|
||||
<div class="stui-pannel_bd">
|
||||
<h3 class="title">
|
||||
热播影视
|
||||
</h3>
|
||||
<ul class="stui-vodlist__rank col-pd clearfix">
|
||||
{video:ranklist count="18"
|
||||
v_parent_category_en="$arrVideo.v_parent_category_en"
|
||||
sort_type="weekly"
|
||||
d_key="key" d_val="Video" cache_life="86400"}
|
||||
{include file="public/video-list-phb" start="25"/}
|
||||
{include file="public/video-list-phb" start="11"/}
|
||||
{/video:ranklist}
|
||||
</ul>
|
||||
</div>
|
||||
@@ -363,6 +356,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const strVideoId = `{$arrVideo.v_id}`;
|
||||
@@ -378,6 +373,25 @@
|
||||
'v_year': `{$arrVideo['v_year']}`,
|
||||
|
||||
};
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const trigger = document.querySelector('.check-desc-btn');
|
||||
|
||||
trigger.addEventListener('click', function () {
|
||||
const parent = trigger.closest('.lvshicms-vodlist__box') || trigger.parentElement;
|
||||
const description = parent.querySelector('p.v-description-centent');
|
||||
if (description) {
|
||||
description.classList.toggle('txt-hidden');
|
||||
const icon = trigger.querySelector('.iconfont');
|
||||
if (icon) {
|
||||
icon.classList.toggle('icon-down');
|
||||
icon.classList.toggle('icon-up');
|
||||
}
|
||||
trigger.setAttribute('aria-expanded', !description.classList.contains('txt-hidden'));
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
{/block}
|
||||
|
||||
Reference in New Issue
Block a user