admin/SEONexus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

video-template-5

Browse Source
This commit is contained in:
make
2025-05-11 01:31:17 +08:00
parent 309c4ed098
commit dcde3b826c
40 changed files with 4166 additions and 1216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

181
code/app/home/view/videoNuNu/base.html
View File

@@ -12,14 +12,13 @@
<meta name="keywords" content='{block name="keywords"}{/block}'> <meta name="keywords" content='{block name="keywords"}{/block}'>
<meta name="description" content='{block name="description"}{/block}'> <meta name="description" content='{block name="description"}{/block}'>
<link rel="shortcut icon" href="/template/videodingzhu/images/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/template/videonunu/img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/template/videodingzhu/css/plugins.css" type="text/css"> <link rel="stylesheet" href="/template/videonunu/font/iconfont.css" type="text/css">
<link rel="stylesheet" href="/template/videodingzhu/css/global.css" type="text/css"> <link rel="stylesheet" href="/template/videonunu/css/stui_block.css" type="text/css">
<link rel="stylesheet" href="/template/videodingzhu/css/style.css" type="text/css"> <link rel="stylesheet" href="/template/videonunu/css/stui_block_color.css" type="text/css">
{// <link rel="stylesheet" href="/template/videonunu/css/stui_default.css" type="text/css">
<!-- <link rel="stylesheet" href="/template/videodingzhu/css/color.css" type="text/css" name="default"> -->
<!-- <link rel="stylesheet" href="/public/layer/layer.css?v=3.5.1" id="layuicss-layer"> -->
}
{block name="head"}{/block} {block name="head"}{/block}
{block name="head-css"}{/block} {block name="head-css"}{/block}
{block name="head-js"}{/block} {block name="head-js"}{/block}
@@ -29,146 +28,57 @@
</head> </head>
<body class="f9eb6d active {block name='body-class'}{/block}" id="{block name='body-id'}{/block}"> <body class="{block name='body-class'}{/block}" id="{block name='body-id'}{/block}">
<header class="a23db0 lvshicms-header__top" id="header-top">
<div class="c6f1a2 container">
<div class="d3071b row">
<div class="b6bfb3 lvshicms-header__logo">
<a class="f1c0ad logo" href="/">
{$DomainModel->d_name}
</a>
</div>
<div
class="d55436 lvshicms-header__menu hidden-sm hidden-xs swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode">
<ul class="c308d4 swiper-wrapper" id="swiper-wrapper-15acf77edda9621f" aria-live="polite"
style="transition-duration: 300ms;">
<li class="c1afb6 swiper-slide {if $Request.route.strParentCategory == ''}active{/if}"><a href="/">首页</a></li>
{video:categorytype category_type="ONE" d_key="key" d_val="val"} <header class="stui-header__top clearfix top-fixed headroom--top headroom--not-bottom" id="header-top">
<div class="container">
<li class='ac50b3 swiper-slide dropdown-hover {if $val.v_category_en == $Request.route.strParentCategory}active{/if}'> <div class="row">
<a href='{site:vciurl parent_category="$val.v_category_en" /}'>{$val.v_category}</a> <div class="stui-header_bd clearfix">
<h2 class="stui-header__logo">
<div class="bed39b dropdown-box bottom fadeInDown clearfix" style="padding-top: 0;"> <a class="logo" href="/">
<ul class="e7213a item nav-list clearfix" style="width: 190px;"> {$DomainModel->d_name}
{foreach $val.children as $intChildrenKey=>$arrChildrenCategory }
<li class="b6abc3 col-md-2 col-sm-2 col-xs-1" style="padding: 6px;"><a
class="c11c57 btn btn-sm btn-block btn-default"
href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$arrChildrenCategory.v_category_en" area="all" lang="all" year="all" order="all" page="1"/}'>
{$arrChildrenCategory.v_category}
</a>
</li>
{/foreach}
</ul>
</div>
</li>
{/video:categorytype}
<li class="a2d382 swiper-slide "> <a href="{$strRankUrlTemp}">榜单</a> </li>
</ul>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
<ul class="e4dd97 lvshicms-header__user">
<li class="f7ad8a hist slide-search-toggle hidden-xs hidden-sm">
<form action="{$strSearchListUrlTemp}">
<input class="d1f534 mobile-search-input" name="keyword" placeholder="搜索免费高清电影或主演">
<button class="d3b134 mobile-search-button" type="submit"><i
class="b2a8c7 fa fa-search"></i></button>
</form>
</li>
<li class="f37351 hist dropdown-hover">
<a href="{$strHistoryUrlTemp}" title="播放记录">
<i class="afd2b2 fa fa-clock-o"></i>
</a> </a>
</li> </h2>
</ul> <div class="stui-header__side">
<div class="d9ad47 mobile-search hidden-md hidden-lg"> <ul class="stui-header__user">
<form action="{$strSearchListUrlTemp}"> <li>
<input class="d1f534 mobile-search-input" name="keyword" placeholder="搜索免费高清电影或主演"> <a class="mac_user" href="{$strHistoryUrlTemp}">
<button class="d3b134 mobile-search-button" type="submit"><i 记录
class="b2a8c7 fa fa-search"></i></button> </a>
</form> </li>
</div> </ul>
<div
class="ab3059 nav-box hidden-md hidden-lg swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden"> <div class="stui-header__search">
<ul class="f34760 swiper-wrapper" id="swiper-wrapper-cc8105579edaa1a3" aria-live="polite"> <form id="search" name="search" method="get" action="{$strSearchListUrlTemp}"
<li class="a4f250 nav-item swiper-slide {if $Request.route.strParentCategory == ''}active swiper-slide-active{/if}" role="group" ><input type="text" id="wd" name="keyword"
aria-label="1 / 8"> class="mac_wd form-control mac_input" value="" placeholder="请输入关键词..."
<a href="/"> autocomplete="off"><button class="submit" id="searchbutton" type="submit"
<i class="bd0907 nav-item-icon home"></i> name="submit"><i class="icon iconfont icon-search"></i></button></form>
<span class="b08159 nav-item-text">首页</span> </div>
</a> </div>
</li> <ul class="stui-header__menu type-slide">
<li class="{if $Request.route.strParentCategory == ''}active{/if}"><a href="/">首页</a></li>
{video:categorytype category_type="ONE" d_key="key" d_val="val"} {video:categorytype category_type="ONE" d_key="key" d_val="val"}
<li class='e544e2 nav-item swiper-slide swiper-slide-next {if $val.v_category_en == $Request.route.strParentCategory}active swiper-slide-active{/if}' role="group" aria-label="2 / 8"> <li class="{if $val.v_category_en == $Request.route.strParentCategory}active{/if}">
<a href='{site:vciurl parent_category="$val.v_category_en" /}'> <a href='{site:vciurl parent_category="$val.v_category_en" /}'>
<i class="afd4ea nav-item-icon dy"></i> {$val.v_category}
<span class="d8f67b nav-item-text">{$val.v_category}</span>
</a> </a>
</li> </li>
{/video:categorytype} {/video:categorytype}
<li class="{if $val.v_category_en == $Request.route.strParentCategory}active{/if}">
<li class="d0f97c nav-item swiper-slide" role="group" aria-label="7 / 8"> <a href='{$strRankUrlTemp}'>
<a href="{$strRankUrlTemp}"> 排行榜
<i class="c739f9 nav-item-icon bd"></i>
<span class="e34e2d nav-item-text">热播</span>
</a> </a>
</li> </li>
</ul>
</ul> </div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> </div>
</div>
</div>
</div>
<div class="f075db lvshicms-header__top_bg hidden-sm hidden-xs"></div>
</header>
<div class="d61dbe slide-search">
<header class="a8408b slide-search-header">
<a class="b4a13d slide-search-close" href="javascript:;">
<i class="f8d4d2 fa fa-chevron-left"></i>
</a>
搜索
</header>
<div class="da8a21 slide-search-body">
<form class="a40443 slide-search-form" method="get" action="{$strSearchListUrlTemp}">
<input type="text" name="keyword" class="d05fc1 slide-search-input" value="" placeholder="搜索免费高清电影或主演"
autocomplete="off">
<button type="submit" class="b6ce5d slide-search-submit"><i class="b004bd fa fa-search"></i></button>
</form>
<ul class="ab08b9 slide-search-list">
<li class="bfcc70 slide-search-title">热门搜索</li>
{video:list count="6"
sort_type="news"
d_key="key" d_val="Video"
cache_life="86400"}
<li class="cbc4a0 slide-search-item">
<a href='{site:vsurl key="$Video.v_name" p="1"/}'>
<em class="f1a98e slide-search-icon">NO</em>
<em class="bd65b9 slide-search-num slide-search-num1">{$key}</em>
<span class="ddcfc6 slide-search-name">{$Video.v_name}</span>
</a>
</li>
{/video:list}
</ul>
</div> </div>
</div> </header>
<div class="e2b25c slide-search-bg"></div>
{block name="main"} {block name="main"}
{/block} {/block}
{include file="public/footer" /} {include file="public/footer" /}
{block name="customize"}{/block} {block name="customize"}{/block}
@@ -181,8 +91,7 @@
{block name="footer-js"}{/block} {block name="footer-js"}{/block}
<script type="text/javascript" <script type="text/javascript"
src='/public/video/common.js?v={site:cfg code="STATIC_FILE_VERSION" encode="false"/}'></script> src='/public/video/common.js?v={site:cfg code="STATIC_FILE_VERSION" encode="false"/}'></script>
{// 全局统计 } {// 全局统计 }
{site:cfg code="PUBLIC_TONGJI_CODE" encode="false"/} {site:cfg code="PUBLIC_TONGJI_CODE" encode="false"/}

99
code/app/home/view/videoNuNu/index/index.html
View File

@@ -2,9 +2,9 @@
{block name="get-data"} {block name="get-data"}
{video:listexp count="8" sort_type="tuijian" d_key="key" d_val="Video" cache_life="86400" export_name="arrVideoTuijian" {video:listexp count="6" sort_type="tuijian" d_key="key" d_val="Video" cache_life="86400" export_name="arrVideoTuijian"
/} /}
{video:listexp count="17" sort_type="piaofang" d_key="key" d_val="Video" cache_life="86400" {video:listexp count="12" sort_type="piaofang" d_key="key" d_val="Video" cache_life="86400"
export_name="arrVideoPiaofang" /} export_name="arrVideoPiaofang" /}
{site:grm page_code="h5_index" diff="0" num="100" g_key="arrGrm" /} {site:grm page_code="h5_index" diff="0" num="100" g_key="arrGrm" /}
@@ -133,91 +133,44 @@ export_name="arrVideoPiaofang" /}
{block name="main"} {block name="main"}
<div class="container">
<div class="bc22cc container"> <h1 class="view-title">
<a href="/">{$DomainModel->d_name}</a>-{$DomainModel->d_text_logo}
</h1>
<h4 class="view-description">{site:replace code="VIDEO@GETCATEGORYINDEX@TEXT"}</h4>
<div class="eb5be5 row "> <div class="row">
<h1 class="view-title"> <div class="stui-pannel stui-pannel-bg clearfix">
<a href="/">{$DomainModel->d_name}</a>-{$DomainModel->d_text_logo} <div class="stui-pannel-box">
</h1> <div class="stui-pannel_hd">
<h4 class="view-description">{site:replace code="VIDEO@GETCATEGORYINDEX@TEXT"}</h4> <div class="stui-pannel__head clearfix">
</div> <h3 class="title"><img src="/template/videonunu/icon/icon_24.png">最近更新</h3>
<div class="eb5be5 row">
<div class="fb7647 col-xs-1 col-md-wide-75">
<div class="eceb3c lvshicms-panel lvshicms-panel-bg clearfix">
<div class="b173ae lvshicms-panel-box clearfix">
<div class="f66d8c lvshicms-panel_bd clearfix">
<div class="bf9492 lvshicms-panel_hd">
<div class="be8a1c lvshicms-panel__head bottom-line active clearfix">
<h2 class="a1100b title"> 热门推荐 </h2>
<a class="ec883e more text-muted right bg" href='{site:vclurl parent_category="all" category="all" area="all" lang="all" year="all" order="tuijian" page="1"/}'>更多推荐 <i
class="fbbd96 fa fa-angle-right"></i></a>
</div>
</div>
<ul class="d9e43b lvshicms-vodlist clearfix">
{foreach $arrVideoTuijian as $key=>$Video }
{include file="public/video-list-shu" start="0" col-lg="4"/}
{/foreach}
</ul>
</div> </div>
</div> </div>
</div> <div class="stui-pannel_bd clearfix">
</div> <ul class="stui-vodlist clearfix">
<div class="a51b92 hidden-xs hidden-sm col-md-wide-25"> {foreach $arrVideoPiaofang as $key=>$Video }
<div class="cc593d lvshicms-panel lvshicms-panel-bg clearfix"> {include file="public/video-list-shu" start="0" col-md="6"/}
<div class="dcb74d lvshicms-panel-box clearfix"> {/foreach}
<div class="dae8b0 lvshicms-panel_hd"> </ul>
<div class="d7bedc lvshicms-panel__head active bottom-line clearfix"> <ul class="stui-vodlist__text col-pd hidden-xs clearfix">
<h2 class="f48698 title"> 好莱坞榜单 </h2> {foreach $arrVideoTuijian as $key=>$Video }
<a class="c502a3 more text-muted right bg" href="javascript::">票房(亿) </a> {include file="public/video-list-text" start="7" /}
</div> {/foreach}
</div> </ul>
<div class="a0c205 lvshicms-panel_bd">
<ul class="f39a35 lvshicms-vodlist__text col-pd clearfix">
{foreach $arrVideoPiaofang as $key=>$Video }
{include file="public/video-list-phb" start="27" /}
{/foreach}
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{video:categorytype category_type="ONE" d_key="intParentKey" d_val="val"}
<div class="bd998f row"> {include file="public/video-panel" /}
<div class="c9d5a5 col-xs-1">
<div class="d739ec lvshicms-panel lvshicms-panel-bg clearfix">
<div class="f2c9c4 lvshicms-panel-box clearfix">
<div class="aa80ce lvshicms-panel_hd">
<div class="c49f14 lvshicms-panel__head bottom-line active clearfix">
<h2 class="a9d97c title">最新上映</h2>
</div>
</div>
<div class="a27622 lvshicms-panel_bd clearfix">
<ul class="bbf222 lvshicms-vodlist clearfix">
{video:list count="6"
sort_type="news"
d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-shu" start="0" col-lg="6"/}
{/video:list}
</ul>
</div>
</div>
</div>
</div>
</div>
{video:categorytype category_type="ONE" d_key="key" d_val="val"}
{include file="public/video-panel" /}
{/video:categorytype} {/video:categorytype}
</div> </div>
{/block} {/block}
{block name="customize"} {block name="customize"}

70
code/app/home/view/videoNuNu/public/footer.html
View File

@@ -1,49 +1,33 @@
<div class="df0a63 lvshicms-foot clearfix" style="padding-top:0px;"> <div class="container">
<div class="fa6207 container"> <div class="row">
<div class="f8fa68 row"> <div class="stui-foot clearfix">
<div class="d4ce18 col-xs-1"> <div class="col-pd text-center hidden-xs">Copyright by<span class="fontArial"></span> 2009-2023
<div class="be974b lvshicms-panel lvshicms-panel-bg clearfix"> {$DomainModel->d_domain} Inc. All Rights Reserved. <a href="/" target="_blank">[{$DomainModel->d_name}]</a><br>联系邮箱：<a
<div class="cbdc99 lvshicms-panel-box clearfix"> href='mailto:{site:cfg code="YOU_XIANG" encode="false"/}'>{site:cfg code="YOU_XIANG" encode="false"/}</a></div>
<div class="f98dfa lvshicms-panel_hd">
<div class="bd50fd lvshicms-panel__head clearfix">
<h3 class="f7c1b4 title"> 友情链接 </h3>
</div>
</div>
<div class="f9bdb5 lvshicms-panel_bd clearfix">
<div class="f358be col-xs-1">
<ul class="a085fb lvshicms-link__text clearfix">
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="aa00ab col-xs-1">
<div class="cea0ad col-pd text-center">
<p>
<!-- <a href="/rss/index.xml" target="_blank">RSS地图</a>
<a href="/rss/baidu.xml" target="_blank">百度Sitemap</a>
<a href="/rss/so.xml" target="_blank">360Sitemap</a>
<a href="/rss/google.xml" target="_blank">谷歌Sitemap</a> -->
<a href="/sitemap_index.xml" target="_blank">XML地图</a>
<a href="/robots.txt" target="_blank">网站地图</a>
{ad:list code="YOUQING_LIANJIE_GUANG_GAO" order="desc" limit="2" id="ad"}
<a href="{$ad.gg_tiao_zhuan_di_zhi}" target="_blank">{$ad.gg_wen_zi}
</a>
{/ad:list}
</p>
<p>Copyright © 2025 {$DomainModel->d_name} <a href="/"> {$DomainModel->d_domain}</a>All Rights Reserved .</p>
<p>若本站收录内容侵犯了您的权益，请给我们留言，本站将第一时间处理。</p>
<p>反馈邮箱:{site:cfg code="YOU_XIANG" encode="false"/}</p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<ul class="b3f1cb lvshicms-extra clearfix"> <ul class="stui-extra clearfix">
<li> <a class="fb9d99 backtop" href="javascript:scroll(0,0)" title="返回顶部" style="display: none;"><i <li><a class="backtop" href="javascript:scroll(0,0)" style="display: none;"><i
class="f6e490 fa fa-angle-up"></i></a> </li> class="icon iconfont icon-less"></i></a></li>
<!-- <li><a href="/gbook.html"><i class="icon iconfont icon-comments"></i></a></li> -->
</ul> </ul>
<script>
(function () {
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>

22
code/app/home/view/videoNuNu/public/video-list-phb.html
View File

@@ -1,21 +1,19 @@
<li class="pai-hang-bang-li">
<li> <?php $key ++ ;?>
{if !empty($arrGrm[$key + [start]])} {if !empty($arrGrm[$key + [start]])}
{$arrGrm[$key+[start]]|raw} {$arrGrm[$key+[start]]|raw}
{/if} {/if}
<?php $key ++ ?> <a href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
<a class="ae5cfc text-overflow" href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}' title="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看">
title="{$Video.v_name}"> <span class="text-muted pull-right hidden-md">{$Video.v_remarks}</span>
<span class='c4df4f pull-right text-muted visible-lg '> <span class='badge
{$Video.v_box_office ?? 0}
</span>
<span class='dd3e38 badge
{eq name="$key" value="1"}badge-first {/eq} {eq name="$key" value="1"}badge-first {/eq}
{eq name="$key" value="2"}badge-second {/eq} {eq name="$key" value="2"}badge-second {/eq}
{eq name="$key" value="3"}badge-third {/eq}'> {eq name="$key" value="3"}badge-third {/eq}'
'>
{$key} {$key}
</span> </span>
{$Video.v_name} {$Video.v_name}
</a> </a>
</li> </li>

24
code/app/home/view/videoNuNu/public/video-list-shu-pf.html Normal file
View File

@@ -0,0 +1,24 @@
<li class="f88537 col-md-5 col-sm-3 col-xs-2 pb-xs-0 ">
{if !empty($arrGrm[$key + [start]])}
{$arrGrm[$key+[start]]|raw}
{/if}
<a class="b02e75 img-pic thumb pic60 lazyload"
href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
title="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看"
data-src="{$Video.v_pic ?? ''}"
style="background-image: url(&quot;/static/img/load.png&quot;);">
<img class="lazyload-img" src="/static/img/load.png" data-src="{$Video.v_pic ?? ''}"
alt="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看">
<span class="bb17e9 iconfont icon-play play hidden-xs"></span>
<span class="e31f51 score">{$Video.v_box_office ?? 0}亿</span>
<span class="c1e321 vname">{$Video.v_name}</span>
<span class="c68e08 vtitle text-right">{$Video.v_remarks}</span>
</a>
<div class="ac00f9 name text-overflow">
<a href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
title="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看">{$Video.v_name}</a>
</div>
<div class="e2a75d sname text-muted text-overflow hidden"></div>
</li>

36
code/app/home/view/videoNuNu/public/video-list-shu.html
View File

@@ -1,25 +1,33 @@
<li class="fc7a7d col-lg-[col-lg] col-md-4 col-sm-3 col-xs-2"> <li class="col-md-[col-md] col-sm-4 col-xs-3">
<div class="a9a18d lvshicms-vodlist__box"> <div class="stui-vodlist__box">
{if !empty($arrGrm[$key + [start]])} {if !empty($arrGrm[$key + [start]])}
{$arrGrm[$key+[start]]|raw} {$arrGrm[$key+[start]]|raw}
{/if} {/if}
<a class="d0ff14 lvshicms-vodlist__thumb" <a class="stui-vodlist__thumb lazyload-bg"
href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}' href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
title="{$Video.v_name}"> title="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看"
<img class="lazyload-img" src="/static/img/load.png" data-src="{$Video.v_pic ?? ''}"
data-src="{$Video.v_pic ?? ''}" style="background-image: url(&quot;/static/img/load.png&quot;);">
<img class="lazyload-img" src="/static/img/load.png" data-src="{$Video.v_pic ?? ''}" style="display: none;"
alt="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看"> alt="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看">
<span class="c3b20e play hidden-xs"></span> <span class="play hidden-xs"></span>
<span class="bf637e pic-text text-right">{$Video.v_remarks}</span> <span class="pic-text text-right">{$Video.v_remarks}</span>
</a> </a>
<div class="dbbcf6 lvshicms-vodlist__detail"> <div class="stui-vodlist__detail">
<h3 class="c9c8c4 title text-overflow"> <h3 class="title text-overflow">
<a href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}' <a href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
title="{$Video.v_name}">{$Video.v_name}</a></h3> title="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看">
<p class="ed925a text text-overflow text-muted hidden-xs">简介:{$Video.v_description|raw}</p> {$Video.v_name}
</a>
</h3>
<p class="text text-overflow text-muted hidden-xs">
{volist name='$Video.v_actor' id='vo' key='index'}
{$vo}
&nbsp;
{/volist}
</p>
</div> </div>
</div> </div>
</li> </li>

9
code/app/home/view/videoNuNu/public/video-list-text.html
View File

@@ -1,9 +1,12 @@
<li class="col-md-4 col-sm-3 col-xs-1 padding-0">
<li class="col-md-6 col-xs-4 padding-0">
{if !empty($arrGrm[$key + [start]])} {if !empty($arrGrm[$key + [start]])}
{$arrGrm[$key+[start]]|raw} {$arrGrm[$key+[start]]|raw}
{/if} {/if}
<a class="top-line-dot text-overflow" href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}' title="{$Video.v_name}"> <a class="top-line-dot text-overflow"
<span class="text-muted pull-right">{$Video.v_remarks}</span> href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
title="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看">
<i class="icon iconfont icon-more pull-right text-muted"></i>
{$Video.v_name} {$Video.v_name}
</a> </a>
</li> </li>

128
code/app/home/view/videoNuNu/public/video-panel.html
View File

@@ -1,48 +1,102 @@
<div class="stui-pannel stui-pannel-bg clearfix row">
<div class="stui-pannel-box clearfix">
<div class="stui-pannel_hd">
<div class="stui-pannel__head clearfix">
<a class="more text-muted pull-right"
href='{site:vciurl parent_category="$val.v_category_en" /}'>
更多
<i class="icon iconfont icon-more"></i>
</a>
<h2 class="title">
<img src="/template/videonunu/icon/{$val.v_category_en}.png">
<a href='{site:vciurl parent_category="$val.v_category_en" /}'>
{$val.v_category}
</a>
</h2>
<ul class="nav nav-text pull-right hidden-sm hidden-xs">
{foreach $val.children as $intChildrenKey=>$arrChildrenCategory }
<li>
<a href='{site:vclurl parent_category="$val.v_category_en" category="$arrChildrenCategory.v_category_en" area="all" lang="all" year="all" order="all" page="1"}'
class="text-muted">
{$arrChildrenCategory.v_category}
</a>
<span class="split-line"></span>
</li>
{/foreach}
</ul>
<div class="eb5be5 row">
<div class="fb7647 col-xs-1 col-md-wide-75">
<div class="eceb3c lvshicms-panel lvshicms-panel-bg clearfix">
<div class="b173ae lvshicms-panel-box clearfix">
<div class="f66d8c lvshicms-panel_bd clearfix">
<div class="bf9492 lvshicms-panel_hd">
<div class="be8a1c lvshicms-panel__head bottom-line active clearfix">
<h2 class="a1100b title"> 最新{$val.v_category} </h2>
<a class="ec883e more text-muted right bg" href='{site:vclurl parent_category="$val.v_category_en" category="all" area="all" lang="all" year="all" order="all" page="1"/}'>更多 <i
class="fbbd96 fa fa-angle-right"></i></a>
</div>
</div>
<ul class="d9e43b lvshicms-vodlist clearfix">
{video:list count="8" v_parent_category_en="$val.v_category_en" sort_type="news" d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-shu" start="27" col-lg="4"/}
{/video:list}
</ul>
</div>
</div> </div>
</div> </div>
</div>
<div class="a51b92 hidden-xs hidden-sm col-md-wide-25"> <div class="stui-pannel_bd clearfix">
<div class="cc593d lvshicms-panel lvshicms-panel-bg clearfix"> <div class="col-md-wide-4 col-xs-1 padding-0">
<div class="dcb74d lvshicms-panel-box clearfix"> <div class="carousel carousel_default carousel_default2 col-pd is-draggable" style="height: 250px;"
<div class="dae8b0 lvshicms-panel_hd"> tabindex="0">
<div class="d7bedc lvshicms-panel__head active bottom-line clearfix"> {video:ranklist count="1"
<h2 class="f48698 title"> {$val.v_category}周榜单 </h2> v_parent_category_en="$val.v_category_en"
<a class="c502a3 more text-muted right bg" href="{$strRankUrlTemp}">更多 <i sort_type="weekly"
class="ed6c4f fa fa-angle-right"></i></a> d_key="key" d_val="Video" cache_life="86400"}
<div class="wide is-selected" >
<a href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
class="stui-vodlist__thumb active lazyload-bg"
data-src="{$Video.v_pic ?? ''}"
title="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看"
style="background-image: url(/template/videolaoniu/images/pic.png) no-repeat; background-position:50% 50%; background-size: cover; padding-top: 65%;">
<span class="play hidden-xs"></span>
<span class="pic-tag pic-tag-h">推荐</span>
<span class="pic-text pic-text-silde text-center">{$Video.v_name}</span>
</a>
</div> </div>
</div>
<div class="a0c205 lvshicms-panel_bd">
<ul class="f39a35 lvshicms-vodlist__text col-pd clearfix">
{video:ranklist count="17"
v_parent_category_en="$val.v_category_en"
sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-phb" start="80"/}
{/video:ranklist} {/video:ranklist}
</div>
<div class="hidden-sm hidden-xs clearfix">
<ul class="col-xs-wide-45 stui-vodlist col-pd clearfix">
{video:ranklist count="1"
v_parent_category_en="$val.v_category_en"
sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"}
<li>
<a class="stui-vodlist__thumb lazyload-bg"
href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
title="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看"
data-src="{$Video.v_pic ?? ''}"
style="background-image: url(&quot;/template/videolaoniu/images/pic.png&quot;);">
<img class="lazyload-img" src="/template/videolaoniu/images/pic.png" style="display: none;"
data-src="{$Video.v_pic ?? ''}"
alt="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看">
<span class="play active hidden-xs"></span>
<span class="pic-tag pic-tag-h">Top1</span>
</a>
</li>
{/video:ranklist}
</ul>
<ul class="col-xs-wide-55 stui-vodlist__rank col-pd clearfix">
{video:ranklist count="12"
v_parent_category_en="$val.v_category_en"
sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-phb" start="20"/}
{/video:ranklist}
</ul> </ul>
</div> </div>
</div> </div>
<div class="col-md-wide-6 col-xs-1 padding-0">
<ul class="stui-vodlist clearfix">
{video:list count="12" v_parent_category_en="$val.v_category_en" sort_type="news" d_key="key"
d_val="Video" cache_life="86400"}
{include file="public/video-list-shu" start="33" col-md="4/}
{/video:list}
</ul>
<!-- <ul class="stui-vodlist__text col-pd hidden-xs clearfix">
{video:list count="12" v_parent_category_en="$val.v_category_en" sort_type="news" d_key="key"
d_val="Video" cache_life="86400"}
{include file="public/video-list-text" start="45" /}
{/video:list}
</ul> -->
</div>
</div> </div>
<div class="stui-pannel_ft top-line visible-xs clearfix"><a class="text-muted"
href='{site:vciurl parent_category="$val.v_category_en" /}'>查看更多{$val.v_category}<i class="icon iconfont icon-more"></i></a></div>
</div> </div>
</div> </div>

99
code/app/home/view/videoNuNu/user/getHistory.html
View File

@@ -25,54 +25,44 @@
{/block} {/block}
{block name="main"} {block name="main"}
<div class="container"> <div class="a0395c container" style="margin-top:10px">
<div class="eb5be5 row"> <div class="a0f98b row">
<div class="fb7647 col-xs-1 col-md-wide-75"> <div class="fd0958 col-md-wide-75 col-sm-wide-1 pt-xs-0 pr-xs-5 mt-xs-0 main-left">
<div class="eceb3c lvshicms-panel lvshicms-panel-bg clearfix"> <div class="f96105 pannel-box mt-xs-0 clearfix">
<div class="b173ae lvshicms-panel-box clearfix">
<div class="f66d8c lvshicms-panel_bd clearfix">
<div class="bf9492 lvshicms-panel_hd">
<div class="be8a1c lvshicms-panel__head bottom-line active clearfix">
<h3 class="a1100b title"> 观看记录 </h3>
</div>
</div>
<ul class="d9e43b lvshicms-vodlist clearfix" id="historyContainer">
</ul> <div class="cd1b0f box-title">
</div> <h2 class="a1100b title"> 观看记录 </h2>
</div>
<div class="ca586e clearfix" id="content">
<ul class="fb3c38 img-list clearfix news-list hide-hits" id="historyContainer">
</ul>
</div> </div>
</div> </div>
</div> </div>
<div class="a51b92 hidden-xs hidden-sm col-md-wide-25"> <div class="fb44a5 col-md-wide-25 pt-xs-0 main-right hidden-sm hidden-xs" style="position:sticky;top:-10px;">
<div class="cc593d lvshicms-panel lvshicms-panel-bg clearfix"> <div class="dfb7d2 pannel-box mt-xs-0 clearfix">
<div class="dcb74d lvshicms-panel-box clearfix"> <div class="e3a1c3 box-title "><span class="dea086 title-lb"></span>
<div class="dae8b0 lvshicms-panel_hd"> <h2>热门影视</h2>
<div class="d7bedc lvshicms-panel__head active bottom-line clearfix">
<h3 class="f48698 title">周榜单 </h3>
<a class="c502a3 more text-muted right bg" href="{$strRankUrlTemp}">更多 <i
class="ed6c4f fa fa-angle-right"></i></a>
</div>
</div>
<div class="a0c205 lvshicms-panel_bd">
<ul class="f39a35 lvshicms-vodlist__text col-pd clearfix">
{video:ranklist count="20"
sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-phb" start="80"/}
{/video:ranklist}
</ul>
</div>
</div> </div>
<ul class="d6b451 txt-list txt-list-hot p-xs-0">
{video:ranklist count="20"
sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-phb" start="80"/}
{/video:ranklist}
</ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{/block} {/block}
{block name="customize"} {block name="customize"}
<script> <script>
@@ -82,25 +72,30 @@
// 调用展示书架功能 // 调用展示书架功能
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
const secondTemplate = ` const secondTemplate = `
<li class="fc7a7d col-lg-[col-lg] col-md-4 col-sm-3 col-xs-2"> <li class="col-md-6 col-sm-4 col-xs-3">
<div class="a9a18d lvshicms-vodlist__box"> <div class="stui-vodlist__box">
<a class="d0ff14 lvshicms-vodlist__thumb lazyload lazyload-bg" <a class="stui-vodlist__thumb lazyload-bg"
href="{{videoUrl}}" href='{{videoUrl}}'
title="{{videoName}}" title="{{videoName}}"
data-src="{{videoPic}}" style="background-image: url(&quot;{{videoPic}}&quot;);">
data-original="{{videoPic}}" <span class="play hidden-xs"></span>
style="background-image: url('{{videoPic}}');"> <span class="pic-text text-right">{{videoRemarks}}</span>
<span class="c3b20e play hidden-xs"></span>
<span class="bf637e pic-text text-right">{{videoRemarks}}</span>
</a> </a>
<div class="dbbcf6 lvshicms-vodlist__detail"> <div class="stui-vodlist__detail">
<h4 class="c9c8c4 title text-overflow"> <h3 class="title text-overflow">
<a href="{{videoUrl}}" title="{{videoName}}">{{videoName}}</a> <a href='{{videoUrl}}' >
</h4> {{videoName}}
<p class="ed925a text text-overflow text-muted hidden-xs">描述：{{videoDescription}}</p> </a>
</h3>
<p class="text text-overflow text-muted hidden-xs">
{{videoActor}}
</p>
</div> </div>
</div> </div>
</li> </li>
`; `;
// 调用展示书架功能 // 调用展示书架功能
displayHistory(secondTemplate); displayHistory(secondTemplate);

294
code/app/home/view/videoNuNu/video/getCategory.html
View File

@@ -10,7 +10,7 @@ v_lang_en="$Request.route.strLang"
v_area_en="$Request.route.strArea" v_area_en="$Request.route.strArea"
v_year="$Request.route.strYear" v_year="$Request.route.strYear"
sort_type="$Request.route.strOrder" sort_type="$Request.route.strOrder"
d_key="d_key" d_val="Video" p_val="page_data" func="generateVideoPager" export_name="resData" /} d_key="d_key" d_val="Video" p_val="page_data" func="generateVideoPager" export_name="resData" /}
{site:grm page_code="h5_category_list_type" diff="0" num="100" g_key="arrGrm" /} {site:grm page_code="h5_category_list_type" diff="0" num="100" g_key="arrGrm" /}
@@ -110,8 +110,32 @@ d_key="d_key" d_val="Video" p_val="page_data" func="generateVideoPager" export
{block name="main"} {block name="main"}
<div class="container">
<div class="bac3b3 container" style="margin-top:10px;"> <nav class="breadcrumb" aria-label="breadcrumb">
<ol itemscope itemtype="https://schema.org/BreadcrumbList">
<li>当前位置：</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="$Request.route.strParentCategory" /}' itemprop="item">
<span itemprop="name">{site:getval code="strVideoParentCategoryName" /}</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="$Request.route.strParentCategory" category="$Request.route.strCategory" area="all" lang="all" year="all" order="all" page="1"/}'
itemprop="item">
<span itemprop="name">{site:getval code="strVideoCategoryName" /}</span>
</a>
<meta itemprop="position" content="3" />
</li>
</ol>
</nav>
<h1 class="view-title"> <h1 class="view-title">
@@ -119,150 +143,140 @@ d_key="d_key" d_val="Video" p_val="page_data" func="generateVideoPager" export
</h1> </h1>
<h4 class="view-description">{site:replace code="VIDEO@GETCATEGORY@TEXT"}</h4> <h4 class="view-description">{site:replace code="VIDEO@GETCATEGORY@TEXT"}</h4>
<nav class="breadcrumb" aria-label="breadcrumb"> <div class="row">
<ol itemscope itemtype="https://schema.org/BreadcrumbList"> <div class="stui-pannel stui-pannel-bg clearfix">
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <div class="stui-pannel-box">
<a href="/" itemprop="item"> <div class="stui-pannel_hd">
<span itemprop="name">首页</span> <ul class="stui-screen__list type-slide bottom-line-dot clearfix">
</a> <li>
<meta itemprop="position" content="1" /> <span class="text-muted">按剧情</span>
</li> </li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href='{site:vciurl parent_category="$Request.route.strParentCategory" /}' itemprop="item">
<span itemprop="name">{site:getval code="strVideoParentCategoryName" /}</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="$Request.route.strParentCategory" category="$Request.route.strCategory" area="all" lang="all" year="all" order="all" page="1"/}' itemprop="item">
<span itemprop="name">{site:getval code="strVideoCategoryName" /}</span>
</a>
<meta itemprop="position" content="3" />
</li>
</ol>
</nav>
<div class="e0f35c row"> {video:categorytype category_type="ONE" d_key="key" d_val="val"}
<div class="c2b983 lvshicms-panel active lvshicms-panel-bg2 clearfix"> <li
<div class="d92ea8 lvshicms-panel-box clearfix"> class="{if $Request.route.strParentCategory == $val.v_category_en}active{/if} ">
<div class="a06062 lvshicms-panel_hd"> <a
<div class="c9323c lvshicms-panel__head active bottom-line clearfix"> href='{site:vclurl parent_category="$val.v_category_en" category="all" area="$Request.route.strArea" lang="$Request.route.strLang" year="$Request.route.strYear" order="$Request.route.strOrder" page="$Request.route.intPage"}'>
<h2 class="eefa6f title"> {site:getval code="strVideoParentCategoryName" /} 筛选</h2> {$val.v_category}
</a>
</li>
{/video:categorytype}
</ul>
<ul class="stui-screen__list type-slide bottom-line-dot clearfix">
<li>
<span class="text-muted">按地区</span>
</li>
{video:categorytype category_type="ONE" d_key="key" d_val="val"}
{if $val.v_category_en == $Request.route.strParentCategory}
{foreach $val.children as $intChildrenKey=>$arrChildrenCategory }
<li
class="{if $Request.route.strCategory == $arrChildrenCategory.v_category_en}active{/if}">
<a
href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$arrChildrenCategory.v_category_en" area="$Request.route.strArea" lang="$Request.route.strLang" year="$Request.route.strYear" order="$Request.route.strOrder" page="$Request.route.intPage"}'>{$arrChildrenCategory.v_category}</a>
</li>
{/foreach}
{/if}
{/video:categorytype}
</ul>
<ul class="stui-screen__list type-slide bottom-line-dot clearfix">
<li>
<span class="text-muted">按地区</span>
</li>
{video:area d_key="key" d_val="val"}
<li class="{if $Request.route.strArea == $key}active{/if}">
<a
href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="$key" lang="$Request.route.strLang" year="$Request.route.strYear" order="$Request.route.strOrder" page="$Request.route.intPage"}'>{$val}</a>
</li>
{/video:area}
</ul>
<ul class="stui-screen__list type-slide bottom-line-dot clearfix">
<li>
<span class="text-muted">按年份</span>
</li>
{video:year d_key="key" d_val="val"}
<li class="{if $Request.route.strYear == $key}active{/if}" >
<a
href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="$Request.route.strArea" lang="$Request.route.strLang" year="$key" order="$Request.route.strOrder" page="$Request.route.intPage"}'>{$val}</a>
</li>
{/video:year}
</ul>
<ul class="stui-screen__list type-slide bottom-line-dot clearfix">
<li>
<span class="text-muted">按语言</span>
</li>
{video:lang d_key="key" d_val="val"}
<li class="{if $Request.route.strLang == $key}active{/if}" >
<a
href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="$Request.route.strArea" lang="$key" year="$Request.route.strYear" order="$Request.route.strOrder" page="$Request.route.intPage"}'>{$val}</a>
</li>
{/video:lang}
</ul>
</div>
</div> </div>
</div> </div>
<div class="dd7517 lvshicms-panel_bd">
<div class="f9514c slideDown-box">
<ul class="c5e5dd lvshicms-screen__list clearfix" data-align="left">
<li> <a class="adc828 text-muted btn">分类</a> </li>
{video:categorytype category_type="ONE" d_key="key" d_val="val"}
<li >
<a href='{site:vclurl parent_category="$val.v_category_en" category="all" area="$Request.route.strArea" lang="$Request.route.strLang" year="$Request.route.strYear" order="$Request.route.strOrder" page="$Request.route.intPage"}'
class="c65506 btn {if $Request.route.strParentCategory == $val.v_category_en}btn-warm{/if}">
{$val.v_category}
</a>
</li>
{/video:categorytype}
</ul>
<ul class="d353e6 lvshicms-screen__list clearfix" data-align="left">
<li> <a class="af2d48 btn text-muted">剧情</a> </li>
{video:categorytype category_type="ONE" d_key="key" d_val="val"}
{if $val.v_category_en == $Request.route.strParentCategory}
{foreach $val.children as $intChildrenKey=>$arrChildrenCategory }
<li>
<a class=" a618ce btn {if $Request.route.strCategory == $arrChildrenCategory.v_category_en}btn-warm{/if}"
href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$arrChildrenCategory.v_category_en" area="$Request.route.strArea" lang="$Request.route.strLang" year="$Request.route.strYear" order="$Request.route.strOrder" page="$Request.route.intPage"}'>{$arrChildrenCategory.v_category}</a>
</li>
{/foreach}
{/if}
{/video:categorytype}
</ul> <div class="stui-pannel stui-pannel-bg clearfix">
<ul class="b03fb8 lvshicms-screen__list clearfix" data-align="left"> <div class="stui-pannel-box">
<li> <a class="aca9e5 btn text-muted">地区</a> </li> <div class="stui-pannel_hd">
{video:area d_key="key" d_val="val"} <div class="stui-pannel__head active bottom-line clearfix">
<li > <ul class="nav nav-head">
<a href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="$key" lang="$Request.route.strLang" year="$Request.route.strYear" order="$Request.route.strOrder" page="$Request.route.intPage"}' {video:sort d_key="key" d_val="val"}
class=" ae52d4 btn {if $Request.route.strArea == $key}btn-warm{/if}">{$val}</a> <li class="{if $Request.route.strOrder == $key}active{/if}"></li>
</li> <a href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="$Request.route.strArea" lang="$Request.route.strLang" year="$Request.route.strYear" order="$key" page="$Request.route.intPage"}'
{/video:area} >
</ul> {$val}{site:getval code="strVideoParentCategoryName" /}
<ul class="a383e9 lvshicms-screen__list clearfix" data-align="left"> </a>
<li> <a class="e49c5f btn text-muted">年份</a> </li> </li>
{video:year d_key="key" d_val="val"} {/video:sort}
<li > </ul>
<a href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="$Request.route.strArea" lang="$Request.route.strLang" year="$key" order="$Request.route.strOrder" page="$Request.route.intPage"}' </div>
class=" e230a5 btn {if $Request.route.strYear == $key}btn-warm{/if}">{$val}</a> </div>
</li> <div class="stui-pannel_bd">
{/video:year} <ul class="stui-vodlist clearfix">
{foreach $resData.data as $key=>$Video}
</ul> {include file="public/video-list-shu" start="0" col-md="6"/}
{/foreach}
<ul class="a383e9 lvshicms-screen__list clearfix" data-align="left"> </ul>
<li> <a class="e49c5f btn text-muted">语言</a> </li> </div>
{video:lang d_key="key" d_val="val"}
<li >
<a href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="$Request.route.strArea" lang="$key" year="$Request.route.strYear" order="$Request.route.strOrder" page="$Request.route.intPage"}'
class="c32026 btn {if $Request.route.strLang == $key}btn-warm{/if}">{$val}</a>
</li>
{/video:lang}
</ul>
</div> </div>
<ul class="d95c02 lvshicms-screen__list clearfix" data-align="left"> </div>
<li> <a class="d40281 btn text-muted">排序</a> </li>
{video:sort d_key="key" d_val="val"}
<li>
<a class="c32026 btn {if $Request.route.strOrder == $key}btn-warm{/if}"
href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="$Request.route.strArea" lang="$Request.route.strLang" year="$Request.route.strYear" order="$key" page="$Request.route.intPage"}'>
{$val}
</a>
</li>
{/video:sort}
</ul> <ul class="stui-page text-center clearfix">
</div> {volist name="resData.p_data.pager" id="vo" key="k"}
</div> {switch $vo.label}
</div> {case value="上一页"}
<div class="aed4a1 lvshicms-panel active lvshicms-panel-bg clearfix"> {if $resData.p_data.page == 1}
<div class="dbaf2a lvshicms-panel-box clearfix"> <li class="disabled"><span>上一页</span></li>
<div class="e028a7 lvshicms-panel_bd"> {else}
<ul class="c75497 lvshicms-vodlist clearfix"> <li><a href="{$vo.url}">1</a></li>
{foreach $resData.data as $key=>$Video} {/if}
{include file="public/video-list-shu" start="0" col-lg="6"/} {/case}
{/foreach} {case value="下一页"}
</ul> {if $resData.p_data.page >= $resData.p_data.total}
</div> <li class="disabled"><span>下一页</span></li>
</div> {else}
</div> <li><a href="{$vo.url}">下一页</a></li>
<ul class="ae5171 lvshicms-page text-center clearfix"> {/if}
{volist name="resData.p_data.pager" id="vo" key="k"} {/case}
{switch $vo.label} {default /}
{case value="上一页"} {if preg_match('/^\d+$/', $vo.label)}
{if $resData.p_data.page == 1} <li>
<li class="disabled"><span>上一页</span></li> <a href="{$vo.url}"
{else} class='cc4f99 btn {eq name="vo.label" value="$Request.route.intPage"}btn-warm {/eq} btn-default '>{$vo.label}</a>
<li><a href="{$vo.url}">1</a></li> </li>
{/if} {/if}
{/case} {/switch}
{case value="下一页"} {/volist}
{if $resData.p_data.page >= $resData.p_data.total} </ul>
<li class="disabled"><span>下一页</span></li>
{else}
<li><a href="{$vo.url}">下一页</a></li>
{/if}
{/case}
{default /}
{if preg_match('/^\d+$/', $vo.label)}
<li >
<a href="{$vo.url}" class='cc4f99 btn {eq name="vo.label" value="$Request.route.intPage"}btn-warm {/eq} btn-default '>{$vo.label}</a>
</li>
{/if}
{/switch}
{/volist}
</ul>
</div> </div>
</div> </div>
{/block} {/block}
{block name="customize"} {block name="customize"}

153
code/app/home/view/videoNuNu/video/getCategoryType.html
View File

@@ -54,7 +54,7 @@
} }
"hasPart": [ "hasPart": [
{video:ranklist count="5" {video:ranklist count="5"
v_parent_category_en="$Request.route.strParentCategory" v_category_en="$Request.route.strParentCategory"
sort_type="weekly" sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"} d_key="key" d_val="Video" cache_life="86400"}
@@ -101,14 +101,17 @@
{block name="main"} {block name="main"}
<div class="bc22cc container"> <div class="container">
<h1 class="view-title"> <h1 class="view-title">
{site:replace code="VIDEO@GETCATEGORYINDEX@H1"} {site:replace code="VIDEO@GETCATEGORYINDEX@H1"}
</h1> </h1>
<h4 class="view-description">{site:replace code="VIDEO@GETCATEGORYINDEX@TEXT"}</h4> <h4 class="view-description">{site:replace code="VIDEO@GETCATEGORYINDEX@TEXT"}</h4>
<nav class="breadcrumb" aria-label="breadcrumb"> <nav class="breadcrumb" aria-label="breadcrumb">
<ol itemscope itemtype="https://schema.org/BreadcrumbList"> <ol itemscope itemtype="https://schema.org/BreadcrumbList">
<li>当前位置：</li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="/" itemprop="item"> <a href="/" itemprop="item">
<span itemprop="name">首页</span> <span itemprop="name">首页</span>
@@ -117,60 +120,102 @@
</li> </li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href='{site:vciurl parent_category="$Request.route.strParentCategory" /}' itemprop="item"> <a href='{site:vciurl parent_category="$Request.route.strParentCategory" /}' itemprop="item">
<span itemprop="name">{site:getval code="strVideoParentCategoryName" /}</span> <span itemprop="name">{site:getval code="strVideoParentCategoryName" /}</span>
</a> </a>
<meta itemprop="position" content="2" /> <meta itemprop="position" content="2" />
</li> </li>
</ol> </ol>
</nav> </nav>
{video:categorytype category_type="ONE" d_key="key" d_val="val"} <div class="row">
{if $val.v_category_en == $Request.route.strParentCategory} <div class="stui-pannel stui-pannel-bg clearfix">
{foreach $val.children as $intChildrenKey=>$arrChildrenCategory } <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_24.png">最近更新</h3>
<div class="eb5be5 row">
<div class="fb7647 col-xs-1 col-md-wide-75">
<div class="eceb3c lvshicms-panel lvshicms-panel-bg clearfix">
<div class="b173ae lvshicms-panel-box clearfix">
<div class="f66d8c lvshicms-panel_bd clearfix">
<div class="bf9492 lvshicms-panel_hd">
<div class="be8a1c lvshicms-panel__head bottom-line active clearfix">
<h2 class="a1100b title"> 最新{$arrChildrenCategory.v_category} </h2>
<a class="ec883e more text-muted right bg"
href='{site:vclurl parent_category="$val.v_category_en" category="all" area="all" lang="all" year="all" order="all" page="1"/}'>更多
<i class="fbbd96 fa fa-angle-right"></i></a>
</div>
</div>
<ul class="d9e43b lvshicms-vodlist clearfix">
{video:list count="8"
v_category_en="$arrChildrenCategory.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="27" col-lg="4"/}
{/video:list}
</ul>
</div> </div>
</div> </div>
<div class="stui-pannel_bd clearfix">
<ul class="stui-vodlist clearfix">
{video:list count="12"
v_parent_category_en="$Request.route.strParentCategory"
sort_type="update" d_key="key"
d_val="Video" cache_life="86400"}
{include file="public/video-list-shu" start="10" col-md="6"/}
{/video:list}
</ul>
</div>
</div> </div>
</div> </div>
<div class="a51b92 hidden-xs hidden-sm col-md-wide-25">
<div class="cc593d lvshicms-panel lvshicms-panel-bg clearfix"> </div>
<div class="dcb74d lvshicms-panel-box clearfix">
<div class="dae8b0 lvshicms-panel_hd">
<div class="d7bedc lvshicms-panel__head active bottom-line clearfix"> {video:categorytype category_type="ONE" d_key="key" d_val="val"}
<h2 class="f48698 title"> {$arrChildrenCategory.v_category}周榜单 </h2> {if $val.v_category_en == $Request.route.strParentCategory}
<a class="c502a3 more text-muted right bg" href="{$strRankUrlTemp}">更多 <i {foreach $val.children as $intChildrenKey=>$arrChildrenCategory }
class="ed6c4f fa fa-angle-right"></i></a> <div class="stui-pannel stui-pannel-bg clearfix row">
<div class="stui-pannel-box clearfix">
<div class="stui-pannel_hd">
<div class="stui-pannel__head clearfix">
<a class="more text-muted pull-right"
href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$arrChildrenCategory.v_category_en" area="all" lang="all" year="all" order="all" page="1"}'>
更多
<i class="icon iconfont icon-more"></i>
</a>
<h2 class="title">
<a href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$arrChildrenCategory.v_category_en" area="all" lang="all" year="all" order="all" page="1"}'>
{$arrChildrenCategory.v_category}
</a>
</h2>
</div>
</div>
<div class="stui-pannel_bd clearfix">
<div class="col-md-wide-4 col-xs-1 padding-0">
<div class="carousel carousel_default carousel_default2 col-pd is-draggable" style="height: 250px;"
tabindex="0">
{video:ranklist count="1"
v_category_en="$arrChildrenCategory.v_category_en"
sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"}
<div class="wide is-selected" >
<a href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
class="stui-vodlist__thumb active lazyload-bg"
data-src="{$Video.v_pic ?? ''}"
title="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看"
style="background-image: url(/template/videolaoniu/images/pic.png) no-repeat; background-position:50% 50%; background-size: cover; padding-top: 65%;">
<span class="play hidden-xs"></span>
<span class="pic-tag pic-tag-h">推荐</span>
<span class="pic-text pic-text-silde text-center">{$Video.v_name}</span>
</a>
</div> </div>
{/video:ranklist}
</div> </div>
<div class="a0c205 lvshicms-panel_bd">
<ul class="f39a35 lvshicms-vodlist__text col-pd clearfix"> <div class="hidden-sm hidden-xs clearfix">
{video:ranklist count="17" <ul class="col-xs-wide-45 stui-vodlist col-pd clearfix">
{video:ranklist count="1"
v_category_en="$arrChildrenCategory.v_category_en"
sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"}
<li>
<a class="stui-vodlist__thumb lazyload-bg"
href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
title="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看"
data-src="{$Video.v_pic ?? ''}"
style="background-image: url(&quot;/template/videolaoniu/images/pic.png&quot;);">
<img class="lazyload-img" src="/template/videolaoniu/images/pic.png" style="display: none;"
data-src="{$Video.v_pic ?? ''}"
alt="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看">
<span class="play active hidden-xs"></span>
<span class="pic-tag pic-tag-h">Top1</span>
</a>
</li>
{/video:ranklist}
</ul>
<ul class="col-xs-wide-55 stui-vodlist__rank col-pd clearfix">
{video:ranklist count="12"
v_category_en="$arrChildrenCategory.v_category_en" v_category_en="$arrChildrenCategory.v_category_en"
sort_type="weekly" sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"} d_key="key" d_val="Video" cache_life="86400"}
@@ -179,15 +224,33 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="col-md-wide-6 col-xs-1 padding-0">
<ul class="stui-vodlist clearfix">
{video:list count="8" v_category_en="$arrChildrenCategory.v_category_en" sort_type="news" d_key="key"
d_val="Video" cache_life="86400"}
{include file="public/video-list-shu" start="27" col-md="4"/}
{/video:list}
</ul>
<ul class="stui-vodlist__text col-pd hidden-xs clearfix">
{video:list count="12" v_category_en="$arrChildrenCategory.v_category_en" sort_type="news" d_key="key"
d_val="Video" cache_life="86400"}
{include file="public/video-list-text" start="10" /}
{/video:list}
</ul>
</div>
</div> </div>
<div class="stui-pannel_ft top-line visible-xs clearfix"><a class="text-muted"
href='{site:vclurl parent_category="$Request.route.strParentCategory" category="$arrChildrenCategory.v_category_en" area="all" lang="all" year="all" order="all" page="1"}'>
查看更多{$val.v_category}<i class="icon iconfont icon-more"></i></a></div>
</div> </div>
</div> </div>
{/foreach} {/foreach}
{/if} {/if}
{/video:categorytype} {/video:categorytype}
</div> </div>
{/block} {/block}
{block name="customize"} {block name="customize"}

143
code/app/home/view/videoNuNu/video/getRankIndex.html
View File

@@ -90,13 +90,8 @@
{block name='body-class'}rank-index{/block} {block name='body-class'}rank-index{/block}
{block name="main"} {block name="main"}
<div class="container"> <div class="container">
<h1 class="view-title">
{site:replace code="VIDEO@GETVIDEORANKINDEX@H1"}
</h1>
<h4 class="view-description">{site:replace code="VIDEO@GETVIDEORANKINDEX@TEXT"}</h4>
<nav class="breadcrumb" aria-label="breadcrumb"> <nav class="breadcrumb" aria-label="breadcrumb">
<ol itemscope itemtype="https://schema.org/BreadcrumbList"> <ol itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
@@ -114,116 +109,60 @@
</ol> </ol>
</nav> </nav>
<div class="e0f35c row"> <h1 class="view-title">
<div class="c2b983 lvshicms-panel active lvshicms-panel-bg2 clearfix"> {site:replace code="VIDEO@GETVIDEORANKINDEX@H1"}
<div class="d92ea8 lvshicms-panel-box clearfix"> </h1>
<div class="a06062 lvshicms-panel_hd"> <h4 class="view-description">{site:replace code="VIDEO@GETVIDEORANKINDEX@TEXT"}</h4>
<div class="c9323c lvshicms-panel__head active bottom-line clearfix">
<h2 class="eefa6f title"> 排行榜 筛选</h2> <div class="row">
</div> <div class="stui-pannel stui-pannel-bg clearfix">
</div> <div class="stui-pannel-box">
<div class="dd7517 lvshicms-panel_bd"> <div class="stui-pannel_hd">
<div class="f9514c slideDown-box"> <ul class="stui-screen__list type-slide bottom-line-dot clearfix">
<ul class="c5e5dd lvshicms-screen__list clearfix" data-align="left"> <li>
<li> <a class="adc828 text-muted btn">分类</a> </li> <a class="text-muted">分类:</a>
{video:categorytype category_type="ONE" d_key="key" d_val="val"} </li>
<li>
<a href='{site:vrlurl parent_category="$val.v_category_en" category="all" sort_type="daily" page="1"/}' {video:categorytype category_type="ONE" d_key="key" d_val="val"}
class="c65506 btn {if $Request.route.strParentCategory == $val.v_category_en}btn-warm{/if}"> <li
{$val.v_category} class="{if $Request.route.strParentCategory == $val.v_category_en}active{/if} ">
</a> <a
</li> href='{site:vrlurl parent_category="$val.v_category_en" category="all" sort_type="daily" page="1"/}'>
{/video:categorytype} {$val.v_category}
</ul> </a>
</div> </li>
{/video:categorytype}
</ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="e489dd container"> <div class="ee356a layout-box">
<div class="a1ce09 row"> <div class="e3c2c3 row">
{video:ranksort d_key="key" d_val="val"}
{video:ranksort d_key="key" d_val="val"} <div class="fb44a5 col-md-wide-25 pt-xs-0 main-right " style="position:sticky;top:-10px;padding: 10px;background: #fff;">
<div class="dfb7d2 pannel-box mt-xs-0 clearfix">
<div class="e3a1c3 box-title "><span class="dea086 title-lb"></span>
<h2>{$val}排行榜</h2>
<div class="fe3214 col-lg-3 col-md-4 col-sm-2 col-xs-1">
<div class="ccba9b lvshicms-panel-bg2 col-pd radius-4 clearfix">
<div class="fd0689 lvshicms-panel_hd">
<div class="e58f0e lvshicms-panel__head bottom-line active clearfix text-overflow">
<h2 class="d653d5 title"> {$val}排行榜 </h2>
</div> </div>
</div> <ul class="d6b451 txt-list txt-list-hot p-xs-0">
<div class="ce0ed8 lvshicms-panel_bd clearfix"> {video:ranklist count="20"
<ul class="da258b lvshicms-vodlist__media col-pd clearfix"> sort_type="weekly"
{video:ranklist count="10"
sort_type="$key"
d_key="key" d_val="Video" cache_life="86400"} d_key="key" d_val="Video" cache_life="86400"}
<?php $key ++ ;?> {include file="public/video-list-phb" start="80"/}
{if $key < 4} <li>
<div class="a45a81 thumb">
<a class="b7fde8 lvshicms-vodlist__thumb img-xs-70"
href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
title="{$Video.v_name} ">
<img class="lazyload-img" src="/static/img/load.png"
data-src="{$Video.v_pic ?? ''}"
alt="{$Video.v_name ?? ''} - {$Video.v_parent_category ?? ''}{$Video.v_category ?? ''}免费高清电影在线观看">
<span class='fa73de badge
{eq name="$key" value="1"}badge-first {/eq}
{eq name="$key" value="2"}badge-second {/eq}
{eq name="$key" value="3"}badge-third {/eq}'>
{$key}
</span>
</a>
</div>
<div class="b6dc66 detail detail-side">
<h3 class="c58a4d title"><a
href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'><i
class="bc63b3 fa fa-angle-right text-muted pull-right"></i> {$Video.v_name}
</a>
</h3>
<p class="e3349d font-12"><span class="e2d8fb text-muted">类型：</span>{$Video.v_category}，<span
class="cd23c6 text-muted">地区：</span>{volist name='$Video.v_area' id='vo' key='index'}
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
&nbsp;
{/volist}</p>
<p class="a70415 font-12 margin-0"><span
class="cf514a text-muted">主演：</span>{volist name='$Video.v_actor' id='vo' key='index'}
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
&nbsp;
{/volist},</p>
</div>
</li>
{/if}
{/video:ranklist}
</ul>
<ul class="a33a7f lvshicms-vodlist__text col-pd clearfix">
{video:ranklist count="10"
sort_type="$key"
d_key="key" d_val="Video" cache_life="86400"}
<?php $key ++ ;?>
{if $key > 3}
<li class="c11eab top-line"> <a href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
title="{$Video.v_name}"> <span class="d507d5 badge">{$key}</span>{$Video.v_name}
</a> </li>
{/if}
{/video:ranklist} {/video:ranklist}
</ul> </ul>
</div> </div>
</div> </div>
{/video:ranksort}
</div> </div>
{/video:ranksort}
</div> </div>
</div> </div>
{/block} {/block}
{block name="customize"} {block name="customize"}

171
code/app/home/view/videoNuNu/video/getRankList.html
View File

@@ -8,7 +8,7 @@ v_category_en="$Request.route.strCategory"
sort_type="$Request.route.strSortType" sort_type="$Request.route.strSortType"
d_key="key" d_key="key"
d_val="Video" d_val="Video"
p_val="page_data" button_num="10" cache_life="86400" export_name="arrVideoRankList" /} p_val="page_data" button_num="10" cache_life="86400" export_name="arrVideoRankList" /}
{site:grm page_code="h5_rank_list_type" diff="0" num="100" g_key="arrGrm" /} {site:grm page_code="h5_rank_list_type" diff="0" num="100" g_key="arrGrm" /}
{site:helper func="initVideoRankListTKD" /} {site:helper func="initVideoRankListTKD" /}
@@ -97,102 +97,105 @@ p_val="page_data" button_num="10" cache_life="86400" export_name="arrVideoRankL
{block name="main"} {block name="main"}
<div class="bac3b3 container" style="margin-top:10px;"> <div class="container">
<nav class="breadcrumb" aria-label="breadcrumb">
<ol itemscope itemtype="https://schema.org/BreadcrumbList">
<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='{$strRankUrlTemp}' itemprop="item">
<span itemprop="name">排行榜</span>
</a>
<meta itemprop="position" content="2" />
</li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href='{site:vrlurl parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" sort_type="$Request.route.strSortType" page="1"/}'
itemprop="item">
<span itemprop="name">{site:getval code="strVideoParentCategoryName" /}{site:getval
code="strVideoCategoryName" /}{site:getval code="strOrderName" /}排行榜</span>
</a>
<meta itemprop="position" content="2" />
</li>
</ol>
</nav>
<h1 class="view-title"> <h1 class="view-title">
{site:replace code="VIDEO@GETVIDEORANKLIST@H1"} {site:replace code="VIDEO@GETVIDEORANKLIST@H1"}
</h1> </h1>
<h4 class="view-description">{site:replace code="VIDEO@GETVIDEORANKLIST@TEXT"}</h4> <h4 class="view-description">{site:replace code="VIDEO@GETVIDEORANKLIST@TEXT"}</h4>
<nav class="breadcrumb" aria-label="breadcrumb"> <div class="row">
<ol itemscope itemtype="https://schema.org/BreadcrumbList"> <div class="stui-pannel stui-pannel-bg clearfix">
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <div class="stui-pannel-box">
<a href="/" itemprop="item"> <div class="stui-pannel_hd">
<span itemprop="name">首页</span> <ul class="stui-screen__list type-slide bottom-line-dot clearfix">
</a> <li>
<meta itemprop="position" content="1" /> <a class="text-muted">按分类</a>
</li> </li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href='{$strRankUrlTemp}' itemprop="item">
<span itemprop="name">排行榜</span>
</a>
<meta itemprop="position" content="2" />
</li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href='{site:vrlurl parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" sort_type="$Request.route.strSortType" page="1"/}' itemprop="item">
<span itemprop="name">{site:getval code="strVideoParentCategoryName" /}{site:getval code="strVideoCategoryName" /}{site:getval code="strOrderName" /}排行榜</span>
</a>
<meta itemprop="position" content="2" />
</li>
</ol>
</nav>
<div class="e0f35c row"> {video:categorytype category_type="ONE" d_key="key" d_val="val"}
<div class="c2b983 lvshicms-panel active lvshicms-panel-bg2 clearfix"> <li class="{if $Request.route.strParentCategory == $val.v_category_en}active{/if} ">
<div class="d92ea8 lvshicms-panel-box clearfix"> <a
<div class="a06062 lvshicms-panel_hd"> href='{site:vrlurl parent_category="$val.v_category_en" category="all" sort_type="daily" page="1"/}'>
<div class="c9323c lvshicms-panel__head active bottom-line clearfix"> {$val.v_category}
<h2 class="eefa6f title"> {site:getval code="strVideoParentCategoryName" /}排行榜 </h2> </a>
</li>
{/video:categorytype}
</ul>
<ul class="stui-screen__list type-slide bottom-line-dot clearfix">
<li>
<a class="text-muted">按类型</a>
</li>
{video:categorytype category_type="ONE" d_key="key" d_val="val"}
{if $val.v_category_en == $Request.route.strParentCategory}
{foreach $val.children as $intChildrenKey=>$arrChildrenCategory }
<li class="{if $Request.route.strCategory == $arrChildrenCategory.v_category_en}active{/if}">
<a
href='{site:vrlurl parent_category="$Request.route.strParentCategory" category="$arrChildrenCategory.v_category_en" sort_type="$Request.route.strSortType" page="1"/}'>{$arrChildrenCategory.v_category}</a>
</li>
{/foreach}
{/if}
{/video:categorytype}
</ul>
</div>
</div> </div>
</div> </div>
<div class="dd7517 lvshicms-panel_bd">
<div class="f9514c slideDown-box">
<ul class="c5e5dd lvshicms-screen__list clearfix" data-align="left">
<li> <a class="adc828 text-muted btn">分类</a> </li>
{video:categorytype category_type="ONE" d_key="key" d_val="val"}
<li >
<a href='{site:vrlurl parent_category="$val.v_category_en" category="all" sort_type="$Request.route.strSortType" page="1"/}'
class="c65506 btn {if $Request.route.strParentCategory == $val.v_category_en}btn-warm{/if}">
{$val.v_category}
</a>
</li>
{/video:categorytype}
</ul>
<ul class="d353e6 lvshicms-screen__list clearfix" data-align="left">
<li> <a class="af2d48 btn text-muted">剧情</a> </li>
{video:categorytype category_type="ONE" d_key="key" d_val="val"}
{if $val.v_category_en == $Request.route.strParentCategory}
{foreach $val.children as $intChildrenKey=>$arrChildrenCategory }
<li>
<a class=" a618ce btn {if $Request.route.strCategory == $arrChildrenCategory.v_category_en}btn-warm{/if}"
href='{site:vrlurl parent_category="$Request.route.strParentCategory" category="$arrChildrenCategory.v_category_en" sort_type="$Request.route.strSortType" page="1"/}'>{$arrChildrenCategory.v_category}</a>
</li>
{/foreach}
{/if}
{/video:categorytype}
</ul> <div class="stui-pannel stui-pannel-bg clearfix">
<div class="stui-pannel-box">
<div class="stui-pannel_hd">
<div class="stui-pannel__head active bottom-line clearfix">
<ul class="nav nav-head">
{video:ranksort d_key="key" d_val="val"}
<li class="{if $Request.route.strSortType == $key}active{/if}">
<a href='{site:vrlurl parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" sort_type="$key" page="1"/}'
>
{$val}{site:getval code="strVideoParentCategoryName" /}
</a>
</li>
{/video:ranksort}
</ul>
</div>
</div>
<div class="stui-pannel_bd">
<ul class="stui-vodlist clearfix">
{foreach $arrVideoRankList as $key=>$Video}
{include file="public/video-list-shu" start="0" col-md="6"/}
{/foreach}
</ul>
</div>
</div> </div>
<ul class="d95c02 lvshicms-screen__list clearfix" data-align="left">
<li> <a class="d40281 btn text-muted">排序</a> </li>
{video:ranksort d_key="key" d_val="val"}
<li class="{if $Request.route.strSortType == $key}btn-warm{/if}">
<a href='{site:vrlurl parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" sort_type="$key" page="1"/}'>
{$val}排行榜
</a>
</li>
{/video:ranksort}
</ul>
</div>
</div> </div>
</div>
<div class="aed4a1 lvshicms-panel active lvshicms-panel-bg clearfix">
<div class="dbaf2a lvshicms-panel-box clearfix">
<div class="e028a7 lvshicms-panel_bd">
<ul class="c75497 lvshicms-vodlist clearfix">
{foreach $arrVideoRankList as $key=>$Video}
{include file="public/video-list-shu" start="0" col-lg="6"/}
{/foreach}
</ul>
</div>
</div>
</div>
</div> </div>
</div> </div>
{/block} {/block}
{block name="customize"} {block name="customize"}

158
code/app/home/view/videoNuNu/video/getSearchVideo.html
View File

@@ -95,104 +95,98 @@ p_val="page_data" button_num="5" cache_life="86400" func="generateSearchPager" e
{/block} {/block}
{block name="main"} {block name="main"}
<div class="container">
<div class="a0395c container">
<div class="a586f3 layout-box top-weizhi mb-xs-10 hidden-sm hidden-xs">
<nav class="breadcrumb" aria-label="breadcrumb">
<ol itemscope itemtype="https://schema.org/BreadcrumbList">
<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:vsurl key="$Request.get.keyword" p="1"/}' itemprop="item">
<span itemprop="name">搜索：{$Request.get.keyword}</span>
</a>
<meta itemprop="position" content="2" />
</li>
</ol>
</nav>
</div>
<h1 class="view-title"> <h1 class="view-title">
{site:replace code="VIDEO@GETSEARCHVIDEO@H1"} {site:replace code="VIDEO@GETSEARCHVIDEO@H1"}
</h1> </h1>
<h4 class="view-description">{site:replace code="VIDEO@GETSEARCHVIDEO@TEXT"}</h4> <h4 class="view-description">{site:replace code="VIDEO@GETSEARCHVIDEO@TEXT"}</h4>
<nav class="breadcrumb" aria-label="breadcrumb"> <div class="a0f98b row">
<ol itemscope itemtype="https://schema.org/BreadcrumbList"> <div class="fd0958 col-md-wide-75 col-sm-wide-1 pt-xs-0 pr-xs-5 mt-xs-0 main-left">
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <div class="f96105 pannel-box mt-xs-0 clearfix">
<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:vsurl key="$Request.get.keyword" p="1"/}' itemprop="item">
<span itemprop="name">搜索：{$Request.get.keyword}</span>
</a>
<meta itemprop="position" content="2" />
</li>
</ol> <div class="cd1b0f box-title">
</nav> <h2 class="a1100b title"> 搜索<span
style="color:red">“{$Request.get.keyword}”</span>相关结果共有 <span
style="color:red">{$resData.p_data.total}</span> 部视频 </h2>
</div>
<div class="eb5be5 row"> <div class="ca586e clearfix" id="content">
<div class="fb7647 col-xs-1 col-md-wide-75"> <ul class="fb3c38 img-list clearfix news-list hide-hits">
<div class="eceb3c lvshicms-panel lvshicms-panel-bg clearfix"> {foreach $resData.data as $key=>$Video}
<div class="b173ae lvshicms-panel-box clearfix"> {include file="public/video-list-shu" start="0" col-md="6"/}
<div class="f66d8c lvshicms-panel_bd clearfix"> {/foreach}
<div class="bf9492 lvshicms-panel_hd"> </ul>
<div class="be8a1c lvshicms-panel__head bottom-line active clearfix">
<h2 class="a1100b title"> 搜索<span style="color:red">“{$Request.get.keyword}”</span>相关结果共有 <span style="color:red">{$resData.p_data.total}</span> 部视频 </h2>
</div>
</div>
<ul class="d9e43b lvshicms-vodlist clearfix">
{foreach $resData.data as $key=>$Video}
{include file="public/video-list-shu" start="27" col-lg="4"/}
{/foreach}
</ul>
</div>
</div> </div>
</div> </div>
<ul class="stui-page text-center clearfix">
{volist name="resData.p_data.pager" id="vo" key="k"}
{switch $vo.label}
{case value="上一页"}
{if $resData.p_data.page == 1}
<li class="disabled"><span>上一页</span></li>
{else}
<li><a href="{$vo.url}">1</a></li>
{/if}
{/case}
{case value="下一页"}
{if $resData.p_data.page >= $resData.p_data.total}
<li class="disabled"><span>下一页</span></li>
{else}
<li><a href="{$vo.url}">下一页</a></li>
{/if}
{/case}
{default /}
{if preg_match('/^\d+$/', $vo.label)}
<li>
<a href="{$vo.url}"
class='cc4f99 btn {eq name="vo.label" value="$Request.route.intPage"}btn-warm {/eq} btn-default '>{$vo.label}</a>
</li>
{/if}
{/switch}
{/volist}
</ul>
</div> </div>
<div class="a51b92 hidden-xs hidden-sm col-md-wide-25"> <div class="fb44a5 col-md-wide-25 pt-xs-0 main-right hidden-sm hidden-xs" style="position:sticky;top:-10px;">
<div class="cc593d lvshicms-panel lvshicms-panel-bg clearfix"> <div class="dfb7d2 pannel-box mt-xs-0 clearfix">
<div class="dcb74d lvshicms-panel-box clearfix"> <div class="e3a1c3 box-title "><span class="dea086 title-lb"></span>
<div class="dae8b0 lvshicms-panel_hd"> <h2>热门影视</h2>
<div class="d7bedc lvshicms-panel__head active bottom-line clearfix">
<h3 class="f48698 title">周榜单 </h3>
<a class="c502a3 more text-muted right bg" href="{$strRankUrlTemp}">更多 <i
class="ed6c4f fa fa-angle-right"></i></a>
</div>
</div>
<div class="a0c205 lvshicms-panel_bd">
<ul class="f39a35 lvshicms-vodlist__text col-pd clearfix">
{video:ranklist count="20"
sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-phb" start="80"/}
{/video:ranklist}
</ul>
</div>
</div> </div>
<ul class="d6b451 txt-list txt-list-hot p-xs-0">
{video:ranklist count="20"
sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"}
{include file="public/video-list-phb" start="80"/}
{/video:ranklist}
</ul>
</div> </div>
</div> </div>
</div> </div>
<ul class="ae5171 lvshicms-page text-center clearfix">
{volist name="resData.p_data.pager" id="vo" key="k"}
{switch $vo.label}
{case value="上一页"}
{if $resData.p_data.page == 1}
<li class="disabled"><span>上一页</span></li>
{else}
<li><a href="{$vo.url}">1</a></li>
{/if}
{/case}
{case value="下一页"}
{if $resData.p_data.page >= $resData.p_data.total}
<li class="disabled"><span>下一页</span></li>
{else}
<li><a href="{$vo.url}">下一页</a></li>
{/if}
{/case}
{default /}
{if preg_match('/^\d+$/', $vo.label)}
<li >
<a href="{$vo.url}" class='cc4f99 btn {eq name="vo.label" value="$Request.route.intPage"}btn-warm {/eq} btn-default '>{$vo.label}</a>
</li>
{/if}
{/switch}
{/volist}
</ul>
</div> </div>
{/block} {/block}
{block name="customize"} {block name="customize"}

346
code/app/home/view/videoNuNu/video/getVideoInfo.html
View File

@@ -133,133 +133,141 @@
{block name="main"} {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>
<div class="a971eb lvshicms-container-bg detail-info-box" style="margin-top:-20px;"> <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>
<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="f969ad container"> <div class="row">
<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>
<nav class="breadcrumb" aria-label="breadcrumb"> <div class="col-lg-wide-75 col-xs-1 padding-0">
<ol itemscope itemtype="https://schema.org/BreadcrumbList"> <div class="stui-pannel stui-pannel-bg clearfix">
<li style="margin-right:10px"><label><i class="baf725 fa fa-map-marker"></i></label></li> <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>&nbsp;
<a href='{site:vciurl parent_category="$arrVideo.v_parent_category" /}'>{$arrVideo.v_category}</a>&nbsp;
<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>
&nbsp;
{/volist}
<span class="split-line"></span>
<span class="text-muted">年份：{$arrVideo.v_year}</span>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span class="split-line"></span>
<a href="/" itemprop="item"> <span class="text-muted">语言：</span>
<span itemprop="name">首页</span> {volist name='$arrVideo.v_lang' id='vo' key='index'}
</a> <a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
<meta itemprop="position" content="1" /> &nbsp;
</li> {/volist}
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> </p>
<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>
&nbsp;
{/volist}
</p>
<div class="fc40de row"> <p class="data">
<div class="f147ce lvshicms-panel margin-0 clearfix"> <span class="text-muted">导演：</span>
<div class="a193f5 lvshicms-panel-box clearfix"> {volist name='$arrVideo.v_director' id='vo' key='index'}
<div class="dea615 col-xs-1 detail-box"> <a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
<div class="b97972 lvshicms-content__thumb"> &nbsp;
<a class="f2880b lvshicms-vodlist__thumb video-info-lvshicms-vodlist__thumb picture" href="/product/90860-1-1.html" {/volist}
title="{$arrVideo.v_name}"> </p>
<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>
&nbsp;
{/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>
&nbsp;
{/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>
&nbsp;
{/volist}
</p>
<p class="e027e7 data"><span class="ca5df1 text-muted">更新：</span>{$arrVideo.v_publish_date}
</p>
<div class="ca86f6 detail-info-btn"> <p class="data hidden-xs">
<li> <span class="text-muted">更新：</span>
<a class="c82c25 btn btn-warm" {$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" /}'> 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> </a>
</li> </div>
</div> </div>
</div> </div>
</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 } {foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
<div class="cfd65a lvshicms-panel lvshicms-panel-bg clearfix"> <div class="stui-pannel stui-pannel-bg clearfix">
<div class="b3a7e3 lvshicms-panel-box clearfix"> <div class="stui-pannel-box b playlist mb">
<div class="e8c33d lvshicms-panel_hd"> <div class="stui-pannel_hd">
<div class="f238a4 lvshicms-panel__head bottom-line active clearfix"> <div class="stui-pannel__head bottom-line active clearfix"><span
class="nore text-muted pull-right"></span>
<h3 class="d82c55 title"> {$strPlayGroupName} </h3> <h3 class="title">{$strPlayGroupName}</h3>
<span class="ace011 more text-muted"></span>
</div> </div>
</div> </div>
<div class="af83ff lvshicms-panel_bd clearfix"> <div class="stui-pannel_bd col-pd clearfix">
<ul class="ec7fc4 lvshicms-content__list sort-list clearfix"> <ul class="stui-content__playlist clearfix">
{volist name='$arrPlayUrlType' id='arrPlayUrl'} {volist name='$arrPlayUrlType' id='arrPlayUrl'}
<li class="fe7195 col-lg-6 col-md-5 col-sm-4 col-xs-3"> <li >
<a class="bd8e2d btn btn-default" <a href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="$strPlayGroupName" play_index="$i" /}'>{$arrPlayUrl.name}</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> </li>
{/volist} {/volist}
</ul> </ul>
@@ -268,92 +276,77 @@
</div> </div>
{/foreach} {/foreach}
<div class="fbb509 lvshicms-panel lvshicms-panel-bg clearfix"> <div class="stui-pannel stui-pannel-bg clearfix">
<div class="de59fa lvshicms-panel-box clearfix"> <div class="stui-pannel-box">
<div class="c42a28 lvshicms-panel_hd"> <div class="stui-pannel_hd">
<div class="bb7fba lvshicms-panel__head clearfix"> <div class="stui-pannel__head clearfix">
<h3 class="f3d3f6 title">剧情介绍</h3> <h3 class="title"><img src="/template/videonunu/icon/icon_30.png">剧情介绍</h3>
</div> </div>
</div> </div>
<div class="f42eb6 lvshicms-panel_bd"> <div class="stui-pannel_bd">
<ul class="fee9ad lvshicms-vod-content col-pd clearfix"> <div class="detail col-pd">
<li class="ba9e50 col-pd"> <span class="detail-sketch">
<div class="d154e9 shrink-box shrinked"> {$arrVideo.v_name}是一部评分{$arrVideo.v_score}的
<div class="acf872 shrink-text"> <a href='{site:vciurl parent_category="$arrVideo.v_parent_category" /}'>{$arrVideo.v_parent_category}</a>&nbsp;
{$arrVideo.v_description|raw}</div> <a href='{site:vciurl parent_category="$arrVideo.v_parent_category" /}'>{$arrVideo.v_category}</a>&nbsp;
</div> 影视作品,影片的导演是
</li> {volist name='$arrVideo.v_director' id='vo' key='index'}
</ul> <a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
&nbsp;
{/volist}
,是由
{volist name='$arrVideo.v_actor' id='vo' key='index'}
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
&nbsp;
{/volist}
&nbsp;主演，
{$arrVideo.v_description|raw}
</span>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="cf2f0c lvshicms-panel lvshicms-panel-bg clearfix"> <div class="stui-pannel stui-pannel-bg clearfix">
<div class="c47e1e lvshicms-panel-box clearfix"> <div class="stui-pannel-box">
<div class="e83124 lvshicms-panel_hd"> <div class="stui-pannel_hd">
<div class="afb3ca lvshicms-panel__head bottom-line active clearfix"> <div class="stui-pannel__head clearfix">
<h3 class="d3b7c4 title">同类型</h3> <h3 class="title">
<img src="/template/videonunu/icon/icon_6.png">
猜你喜欢
</h3>
</div> </div>
</div> </div>
<div class="d5b99f lvshicms-panel_bd"> <div class="stui-pannel_bd">
<ul class="bc7e71 lvshicms-vodlist__bd clearfix"> <ul class="stui-vodlist__bd clearfix">
{video:list count="12" {video:list count="10"
v_category_en="$arrVideo.v_category_en" v_category_en="$arrVideo.v_category_en"
v_lang_en="all" v_lang_en="all"
v_area_en="all" v_area_en="all"
v_year="all" v_year="all"
sort_type="news" sort_type="news"
d_key="d_key" d_val="Video" cache_life="86400"} d_key="d_key" d_val="Video" cache_life="86400"}
{include file="public/video-list-shu" start="0" col-md="5"/}
{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"/}
{/video:list} {/video:list}
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-wide-25 col-xs-1 stui-pannel-side visible-lg">
<div class="stui-pannel stui-pannel-bg clearfix">
<div class="e1d6ee hidden-xs hidden-sm col-md-wide-25"> <div class="stui-pannel-box">
<div class="cad2e9 lvshicms-panel lvshicms-panel-bg clearfix"> <div class="stui-pannel_bd">
<div class="c161d4 lvshicms-panel-box clearfix"> <h3 class="title">
<div class="b068f7 lvshicms-panel_hd"> 热播影视
<div class="cb5cbd lvshicms-panel__head bottom-line active clearfix"> </h3>
<h3 class="b12e07 title">热播{$arrVideo.v_parent_category}</h3> <ul class="stui-vodlist__rank col-pd clearfix">
</div>
</div>
<div class="cf4a36 lvshicms-panel_bd clearfix">
<ul class="f9a6ab lvshicms-vodlist__text col-pd clearfix">
{video:ranklist count="18" {video:ranklist count="18"
v_parent_category_en="$arrVideo.v_parent_category_en" v_parent_category_en="$arrVideo.v_parent_category_en"
sort_type="weekly" sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"} 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} {/video:ranklist}
</ul> </ul>
</div> </div>
@@ -363,6 +356,8 @@
</div> </div>
</div> </div>
<script> <script>
const strVideoId = `{$arrVideo.v_id}`; const strVideoId = `{$arrVideo.v_id}`;
@@ -378,6 +373,25 @@
'v_year': `{$arrVideo['v_year']}`, '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> </script>
{/block} {/block}

332
code/app/home/view/videoNuNu/video/getVideoPlayUrl.html
View File

@@ -123,152 +123,99 @@
{block name="main"} {block name="main"}
<div class="aaf99d lvshicms-container-bg padding-0" style="margin-top:-20px;"> <div class="container">
<div class="bab1b0 container" style="z-index: 0;">
<h1 class="view-title">
{site:replace code="VIDEO@GETVIDEOPLAY@H1"}
</h1>
<h4 class="view-description">{site:replace code="VIDEO@GETVIDEOPLAY@TEXT"}</h4>
<nav class="breadcrumb" aria-label="breadcrumb"> <nav class="breadcrumb" aria-label="breadcrumb">
<ol itemscope itemtype="https://schema.org/BreadcrumbList"> <ol itemscope itemtype="https://schema.org/BreadcrumbList">
<li style="margin-right:10px"><label><i class="baf725 fa fa-map-marker"></i></label></li> <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"> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="/" itemprop="item"> <a href="/" itemprop="item">
<span itemprop="name">首页</span> <span itemprop="name">首页</span>
</a> </a>
<meta itemprop="position" content="1" /> <meta itemprop="position" content="1" />
</li> </li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <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"> <a href='{site:vciurl parent_category="$arrVideo.v_parent_category_en" /}' itemprop="item">
<span itemprop="name">{$arrVideo.v_parent_category}</span> <span itemprop="name">{$arrVideo.v_parent_category}</span>
</a> </a>
<meta itemprop="position" content="2" /> <meta itemprop="position" content="2" />
</li> </li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <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"/}' <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"> itemprop="item">
<span itemprop="name">{$arrVideo.v_category}</span> <span itemprop="name">{$arrVideo.v_category}</span>
</a> </a>
<meta itemprop="position" content="3" /> <meta itemprop="position" content="3" />
</li> </li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <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"/}' <a href='{site:vurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en"/}' itemprop="item">
itemprop="item"> <span itemprop="name">{$arrVideo.v_name}</span>
<span itemprop="name">{$arrVideo.v_name}</span> </a>
</a> <meta itemprop="position" content="4" />
<meta itemprop="position" content="4" /> </li>
</li> <li>
</ol> 全集在线播放
</nav> </li>
<div class="e35b87 player-wrapper clearfix" style="z-index: 999;"> </ol>
<div class="e1110d lvshicms-player__item clearfix" style="background-color: #27272f;"> </nav>
<div class="a7ffc5 relative clearfix" id="player-left">
<div class="ef235b lvshicms-player__box player-fixed"> <h1 class="view-title">
<div class="a705ec tips close-box" style="background-color: #181515;"> {site:replace code="VIDEO@GETVIDEOPLAY@H1"}
<a </h1>
class="e221a5 tips-close-btn pull-right" href="javascript:;"> <h4 class="view-description">{site:replace code="VIDEO@GETVIDEOPLAY@TEXT"}</h4>
<i class="ae97e1 fa fa-close"></i>
</a> <div class="row">
<ul> <div class="col-lg-wide-75 col-xs-1 padding-0">
<li>正在播放：{$arrVideo.v_name}-第{$Request.route.intPlayIndex}集</li> <div class="stui-pannel stui-pannel-bg clearfix">
</ul> <div class="stui-pannel-box">
</div> <div class="stui-pannel-bd">
<div class="dplayer-prent"> <div class="stui-player col-pd">
<div class="dplayer-prent">
<div id="dplayer" class="dplayer" muted=“muted” style="margin-top: 5px;"></div> <div id="dplayer" class="dplayer" muted=“muted” style="margin-top: 5px;"></div>
</div> </div>
<div class="stui-player__detail detail">
<ul class="more-btn">
</div> </ul>
<h1 class="title">{$arrVideo.v_name}</h1>
<ul class="e46e57 lvshicms-player__operate" style="background-color: #1b1a25;"> <p class="data margin-0">
<li> <a href="javascript:;" onclick="window.location.reload()"><i <span class="text-muted">类型：</span>
class="a330ca fa fa-spinner"></i> 刷新</a> {$arrVideo.v_parent_category}
</li> <span class="split-line"></span>
<li> <span class="text-muted">地区：
<a class="f4aa4c digg_link" data-id="90860" data-mid="1" data-type="up" {volist name='$arrVideo.v_director' id='vo' key='index'}
href="javascript:;"> <a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
<i class="ce7b63 fa fa-thumbs-up"></i> &nbsp;
<span nclass="d712b9 digg_num">{$arrVideo.v_score}</spanclass=> {/volist}
</a> </span>
</li> <span class="split-line"></span>
<li> <span class="text-muted">年份：{$arrVideo.v_year}</span>
<a class="c8cbc0 digg_link" data-id="90860" data-mid="1" data-type="down" 0
href="javascript:;"> </p>
<i class="d7a73d fa fa-thumbs-down"></i>
<span class="f60cfa digg_num">{$arrVideo.vc_clicks ?? 0}</span>
</a>
</li>
<!-- <li class="b269de playshare dropdown-hover"> <a href="javascript:;"><i
class="a5a6c4 fa fa-share font14"></i> 分享</a>
<div class="be59cf dropdown-box bottom fadeInDown clearfix">
<div class="ed9be4 item text-center" style="width: 260px;">
<div class="ad10df col-pd">
<p>复制下方内容粘贴给好友</p>
<p><textarea class="fe45d5 form-control content"
rows="4">我正在观看毕打职场笑传第01集，地址：https://www.dingzhu.net/product/90860-1-1.html</textarea>
</p>
<a class="ec0315 btn btn-xs btn-primary lvshicms-copy-html"
href="javascript:;">复制到剪贴板</a>
</div>
</div>
</div> </div>
</li> -->
<!-- <li><a class="bbdb18 disabled" href=""><i class="b1d47a fa fa-caret-up"></i> 上集</a></li>
<li><a href="/product/90860-1-2.html"><i class="f38fad fa fa-caret-down"></i> 下集</a></li> -->
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="f49486 container">
<div class="f41398 row">
<div class="f30a1c col-xs-1">
<div class="ae33f8 lvshicms-player__data hidden-sm hidden-xs clearfix">
<div class="d368e1 col-pd">
<h3> {$arrVideo.v_name} <small class="e85030 text-muted">第{$Request.route.intPlayIndex}集</small> </h3>
<p class="e82edf text-muted margin-0"> {$arrVideo.v_publish_date}更新 / <span class="c8b71b text-red">{$arrVideo.v_score}分</span> /
{$arrVideo.v_parent_category} /
{volist name='$arrVideo.v_area' id='vo' key='index'}
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
&nbsp;
{/volist}
/
{$arrVideo.v_year} </p>
</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> </div>
</div> </div>
<div class="af83ff lvshicms-panel_bd clearfix"> </div>
<ul class="ec7fc4 lvshicms-content__list sort-list clearfix"> </div>
{foreach $arrVideo.v_play_url as $strPlayGroupName=>$arrPlayUrlType }
<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="stui-pannel_bd col-pd clearfix">
<ul class="stui-content__playlist clearfix">
<?php $intKey = 0 ;?>
{volist name='$arrPlayUrlType' id='arrPlayUrl'} {volist name='$arrPlayUrlType' id='arrPlayUrl'}
<li class="fe7195 col-lg-6 col-md-5 col-sm-4 col-xs-3"> <?php $intKey ++ ;?>
<a class="bd8e2d btn btn-default" <li class="{if $Request.route.intPlayIndex == $intKey}active{/if}">
href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="$strPlayGroupName" play_index="$i" /}'>{$arrPlayUrl.name} <a href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="$strPlayGroupName" play_index="$i" /}'>{$arrPlayUrl.name}</a>
</a>
</li> </li>
{/volist} {/volist}
</ul> </ul>
@@ -277,92 +224,74 @@
</div> </div>
{/foreach} {/foreach}
<div class="fbb509 lvshicms-panel lvshicms-panel-bg clearfix"> <div class="stui-pannel stui-pannel-bg clearfix">
<div class="de59fa lvshicms-panel-box clearfix"> <div class="stui-pannel-box">
<div class="c42a28 lvshicms-panel_hd"> <div class="stui-pannel_hd">
<div class="bb7fba lvshicms-panel__head clearfix"> <div class="stui-pannel__head clearfix">
<h3 class="f3d3f6 title">剧情介绍</h3> <h3 class="title"><img src="/template/videonunu/icon/icon_30.png">剧情介绍</h3>
</div> </div>
</div> </div>
<div class="f42eb6 lvshicms-panel_bd"> <div class="stui-pannel_bd">
<ul class="fee9ad lvshicms-vod-content col-pd clearfix"> <div class="detail col-pd">
<li class="ba9e50 col-pd"> <span class="detail-sketch">
<div class="d154e9 shrink-box shrinked"> {$arrVideo.v_name}是一部评分{$arrVideo.v_score}的
<div class="acf872 shrink-text"> <a href='{site:vciurl parent_category="$arrVideo.v_parent_category" /}'>{$arrVideo.v_parent_category}</a>&nbsp;
{$arrVideo.v_description|raw}</div> <a href='{site:vciurl parent_category="$arrVideo.v_parent_category" /}'>{$arrVideo.v_category}</a>&nbsp;
</div> 影视作品,影片的导演是
</li> {volist name='$arrVideo.v_director' id='vo' key='index'}
</ul> <a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
&nbsp;
{/volist}
,是由
{volist name='$arrVideo.v_actor' id='vo' key='index'}
<a href='{site:vsurl key="$vo" p="1"/}'>{$vo}</a>
&nbsp;
{/volist}
&nbsp;主演，
{$arrVideo.v_description|raw}
</span>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="stui-pannel stui-pannel-bg clearfix">
<div class="cf2f0c lvshicms-panel lvshicms-panel-bg clearfix"> <div class="stui-pannel-box">
<div class="c47e1e lvshicms-panel-box clearfix"> <div class="stui-pannel_hd">
<div class="e83124 lvshicms-panel_hd"> <div class="stui-pannel__head clearfix">
<div class="afb3ca lvshicms-panel__head bottom-line active clearfix"> <h3 class="title"><img src="/template/videonunu/icon/icon_6.png">猜你喜欢</h3>
<h3 class="d3b7c4 title">同类型</h3>
</div> </div>
</div> </div>
<div class="d5b99f lvshicms-panel_bd"> <div class="stui-pannel_bd">
<ul class="bc7e71 lvshicms-vodlist__bd clearfix"> <ul class="stui-vodlist__bd clearfix">
{video:list count="12" {video:list count="10"
v_category_en="$arrVideo.v_category_en" v_category_en="$arrVideo.v_category_en"
v_lang_en="all" v_lang_en="all"
v_area_en="all" v_area_en="all"
v_year="all" v_year="all"
sort_type="news" sort_type="news"
d_key="d_key" d_val="Video" cache_life="86400"} d_key="d_key" d_val="Video" cache_life="86400"}
{include file="public/video-list-shu" start="0" col-md="5"/}
{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"/}
{/video:list} {/video:list}
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<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="e1d6ee hidden-xs hidden-sm col-md-wide-25"> <div class="stui-pannel_bd">
<div class="cad2e9 lvshicms-panel lvshicms-panel-bg clearfix"> <h3 class="title">
<div class="c161d4 lvshicms-panel-box clearfix"> 热播影视
<div class="b068f7 lvshicms-panel_hd"> </h3>
<div class="cb5cbd lvshicms-panel__head bottom-line active clearfix"> <ul class="stui-vodlist__rank col-pd 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">
{video:ranklist count="18" {video:ranklist count="18"
v_parent_category_en="$arrVideo.v_parent_category_en" v_parent_category_en="$arrVideo.v_parent_category_en"
sort_type="weekly" sort_type="weekly"
d_key="key" d_val="Video" cache_life="86400"} 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} {/video:ranklist}
</ul> </ul>
</div> </div>
@@ -372,7 +301,14 @@
</div> </div>
</div> </div>
<script> <script>
const strMaxPlayHeight = '600px'
const strVideoId = `{$arrVideo.v_id}`; const strVideoId = `{$arrVideo.v_id}`;
const arrVideo = { const arrVideo = {
'v_id': `{$arrVideo['v_id']}`, 'v_id': `{$arrVideo['v_id']}`,
@@ -392,6 +328,8 @@
var intJumpTimeTwoEnd = 1; var intJumpTimeTwoEnd = 1;
var arrPlayUrl = {$arrVideo.v_play_url | json_encode | raw}; var arrPlayUrl = {$arrVideo.v_play_url | json_encode | raw};
var strPlayUrl = "" var strPlayUrl = ""
</script> </script>
{/block} {/block}

517
code/public/template/videonunu/css/stui_block.css Normal file
View File

@@ -0,0 +1,517 @@
/*!
* v3.0 Copyright http://v.shoutu.cn
* email 726662013@qq.com
*/
@charset "utf-8";
/* all */
body, html{width:100%;}
body{ margin: 0; font-family:"Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; font-size:14px; line-height: 140%}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,tr,dl,dd,dt{margin:0;padding:0; font-weight:normal}
input,select{font-size:12px;vertical-align:middle; border:none;}
ul,li{list-style-type:none;}
img{border:0 none;}
p{margin:0 0 10px;}
/* container */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.container {position: relative; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.row{position: relative; margin-right: -15px; margin-left: -15px;}
.container:before,.container:after,.row:before,.row:after,.clearfix:before, .clearfix:after{ display: table; content: " "; clear: both;}
/* col */
.col-pd,.col-lg-1,.col-lg-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding:10px}.col-xs-1,.col-xs-10,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-wide-1,.col-xs-wide-10,.col-xs-wide-15,.col-xs-wide-2,.col-xs-wide-25,.col-xs-wide-3,.col-xs-wide-35,.col-xs-wide-4,.col-xs-wide-45,.col-xs-wide-5,.col-xs-wide-55,.col-xs-wide-6,.col-xs-wide-65,.col-xs-wide-7,.col-xs-wide-75,.col-xs-wide-8,.col-xs-wide-85,.col-xs-wide-9,.col-xs-wide-95{float:left}.col-xs-10{width:10%}.col-xs-9{width:11.1111111%}.col-xs-8{width:12.5%}.col-xs-7{width:14.2857143%}.col-xs-6{width:16.6666667%}.col-xs-5{width:20%}.col-xs-4{width:25%}.col-xs-3{width:33.3333333%}.col-xs-2{width:50%}.col-xs-1{width:100%}.col-xs-wide-10{width:10%}.col-xs-wide-9{width:90%}.col-xs-wide-8{width:80%}.col-xs-wide-7{width:70%}.col-xs-wide-6{width:60%}.col-xs-wide-5{width:50%}.col-xs-wide-4{width:40%}.col-xs-wide-3{width:30%}.col-xs-wide-2{width:20%}.col-xs-wide-15{width:15%}.col-xs-wide-95{width:95%}.col-xs-wide-85{width:85%}.col-xs-wide-75{width:75%}.col-xs-wide-65{width:65%}.col-xs-wide-55{width:55%}.col-xs-wide-45{width:45%}.col-xs-wide-35{width:35%}.col-xs-wide-25{width:25%}
@media (min-width: 768px){
.col-sm-1,.col-sm-10,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-wide-1,.col-sm-wide-10,.col-sm-wide-15,.col-sm-wide-2,.col-sm-wide-25,.col-sm-wide-3,.col-sm-wide-35,.col-sm-wide-4,.col-sm-wide-45,.col-sm-wide-5,.col-sm-wide-55,.col-sm-wide-6,.col-sm-wide-65,.col-sm-wide-7,.col-sm-wide-75,.col-sm-wide-8,.col-sm-wide-85,.col-sm-wide-9,.col-sm-wide-95{float:left}.col-sm-10{width:10%}.col-sm-9{width:11.1111111%}.col-sm-8{width:12.5%}.col-sm-7{width:14.2857143%}.col-sm-6{width:16.6666667%}.col-sm-5{width:20%}.col-sm-4{width:25%}.col-sm-3{width:33.3333333%}.col-sm-2{width:50%}.col-sm-1{width:100%}.col-sm-wide-10{width:10%}.col-sm-wide-9{width:90%}.col-sm-wide-8{width:80%}.col-sm-wide-7{width:70%}.col-sm-wide-6{width:60%}.col-sm-wide-5{width:50%}.col-sm-wide-4{width:40%}.col-sm-wide-3{width:30%}.col-sm-wide-2{width:20%}.col-sm-wide-15{width:15%}.col-sm-wide-95{width:95%}.col-sm-wide-85{width:85%}.col-sm-wide-75{width:75%}.col-sm-wide-65{width:65%}.col-sm-wide-55{width:55%}.col-sm-wide-45{width:45%}.col-sm-wide-35{width:35%}.col-sm-wide-25{width:25%}}
@media (min-width: 992px){
.col-md-1,.col-md-10,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-wide-1,.col-md-wide-10,.col-md-wide-15,.col-md-wide-2,.col-md-wide-25,.col-md-wide-3,.col-md-wide-35,.col-md-wide-4,.col-md-wide-45,.col-md-wide-5,.col-md-wide-55,.col-md-wide-6,.col-md-wide-65,.col-md-wide-7,.col-md-wide-75,.col-md-wide-8,.col-md-wide-85,.col-md-wide-9,.col-md-wide-95{float:left}.col-md-10{width:10%}.col-md-9{width:11.1111111%}.col-md-8{width:12.5%}.col-md-7{width:14.2857143%}.col-md-6{width:16.6666667%}.col-md-5{width:20%}.col-md-4{width:25%}.col-md-3{width:33.3333333%}.col-md-2{width:50%}.col-md-1{width:100%}.col-md-wide-10{width:10%}.col-md-wide-9{width:90%}.col-md-wide-8{width:80%}.col-md-wide-7{width:70%}.col-md-wide-6{width:60%}.col-md-wide-5{width:50%}.col-md-wide-4{width:40%}.col-md-wide-3{width:30%}.col-md-wide-2{width:20%}.col-md-wide-15{width:15%}.col-md-wide-95{width:95%}.col-md-wide-85{width:85%}.col-md-wide-75{width:75%}.col-md-wide-65{width:65%}.col-md-wide-55{width:55%}.col-md-wide-45{width:45%}.col-md-wide-35{width:35%}.col-md-wide-25{width:25%}}
@media (min-width: 1200px){
.col-lg-1,.col-lg-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-wide-1,.col-lg-wide-10,.col-lg-wide-15,.col-lg-wide-2,.col-lg-wide-25,.col-lg-wide-3,.col-lg-wide-35,.col-lg-wide-4,.col-lg-wide-45,.col-lg-wide-5,.col-lg-wide-55,.col-lg-wide-6,.col-lg-wide-65,.col-lg-wide-7,.col-lg-wide-75,.col-lg-wide-8,.col-lg-wide-85,.col-lg-wide-9,.col-lg-wide-95{float:left}.col-lg-10{width:10%}.col-lg-9{width:11.1111111%}.col-lg-8{width:12.5%}.col-lg-7{width:14.2857143%}.col-lg-6{width:16.6666667%}.col-lg-5{width:20%}.col-lg-4{width:25%}.col-lg-3{width:33.3333333%}.col-lg-2{width:50%}.col-lg-1{width:100%}.col-lg-wide-10{width:10%}.col-lg-wide-9{width:90%}.col-lg-wide-8{width:80%}.col-lg-wide-7{width:70%}.col-lg-wide-6{width:60%}.col-lg-wide-5{width:50%}.col-lg-wide-4{width:40%}.col-lg-wide-3{width:30%}.col-lg-wide-2{width:20%}.col-lg-wide-15{width:15%}.col-lg-wide-95{width:95%}.col-lg-wide-85{width:85%}.col-lg-wide-75{width:75%}.col-lg-wide-65{width:65%}.col-lg-wide-55{width:55%}.col-lg-wide-45{width:45%}.col-lg-wide-35{width:35%}.col-lg-wide-25{width:25%}}
@media (max-width: 767px){[class*=col-]{padding:5px}}
/* text */
h1{ font-size:22px; line-height: 28px;}
h2{ font-size:20px; line-height: 26px;}
h3{ font-size:18px; line-height: 24px;}
h4{ font-size:16px; line-height: 22px;}
h5{ font-size:14px; line-height: 20px;}
h6{ font-size:12px; line-height: 18px;}
h1,h2,h3,h4,h5,h6{ font-weight: 400; margin-top:10px; margin-bottom:10px}
a,button{ text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0)}
button:hover{ cursor: pointer;}
a:focus,a:hover,a:active{ text-decoration:none;}
.icon{ font-size: 16px; vertical-align: -1px;}
.font-16{ font-size: 16px;}
.font-14{ font-size: 14px;}
.font-12{ font-size: 12px;}
.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.text-overflow{ width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
/* img */
img{border: 0; vertical-align:middle}
.img-circle{ border-radius: 50%;}
.img-rounded{ border-radius: 5px;}
.img-thumbnail{ padding: 5px; border-radius: 5px;}
.img-responsive{ max-width: 100%;}
/* form */
input,textarea{outline: medium none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input.form-control,input.btn{ outline:0px; -webkit-appearance: none;}
input[type="checkbox"]{ vertical-align: -2px;}
.form-control{display:block; width:100%; height:30px; padding: 10px; font-size:12px; line-height: 25px; border-radius:4px; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
textarea.form-control{ height: auto;}
.input-list{ margin-bottom: 20px;}
.input-list li{ padding: 10px 20px;}
.input-list li input.form-control{ height: 40px;}
/* line */
.split-line{display: inline-block; margin-left: 12px; margin-right: 12px; width: 1px; height: 14px; vertical-align: -2px;}
.top-line,.top-line-dot,.bottom-line,.bottom-line-dot{ position: relative;}
.top-line:before,.top-line-dot:before{content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px;}
.bottom-line:after,.bottom-line-dot:before{content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px;}
/* badge */
.badge{display: inline-block; margin-right: 10px; width: 18px; height: 18px; text-align: center; line-height: 18px; border-radius: 2px; font-size: 12px;}
.badge-radius{ border-radius: 50%;}
/* btn */
.btn{display: inline-block; padding: 6px 30px; font-size: 12px; border-radius: 4px;}
.btn .icon{ font-size: 12px;}
.btn-min{ padding: 4px 15px;}
.btn-lg{ padding: 12px 30px;}
.btn-block{ display: block; width: 100%; text-align: center;}
.btn.disabled{cursor: not-allowed;}
/* tag */
.tag{ padding-left: 10px;}
.tag li{ float: left;}
.tag-btn,.tag-type{ padding-top: 10px; padding-left: 10px;}
.tag-btn li ,.tag-type li{ padding:0 10px 10px 0;}
.tag-btn li a ,.tag-type li a{ display: block; padding:0 10px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; border-radius: 2px;}
.tag-btn.active li a,.tag-type.active li a{ border-radius: 14px;}
.tag-text li{ padding-right: 10px; padding-bottom: 10px;}
/* nav */
.nav{ height: 30px;}
.nav > li{ float: left;}
.nav-head > li{ margin-top: 5px; margin-right: 30px;}
.nav-head > li > a{ padding-bottom: 12px; font-size: 16px;}
.nav-tabs > li{margin-left: 30px;}
.nav-tabs > li > a{display: inline-block; padding: 8px 0 10px;}
.nav-tag > li{ margin-left: 10px;}
.nav-tag > li > a{ display: inline-block; padding:0 10px; height: 25px; line-height: 23px; font-size: 12px; border-radius: 20px;}
.nav-text > li{line-height: 30px;}
.nav-text > li.active > a{ color: #f80;}
.nav-page{ margin-left: 10px;}
.nav-page > li{ margin-left: 5px;}
.nav-page > li > a{ display: inline-block; font-size: 12px; padding: 0 6px; height: 25px; line-height: 23px;}
.nav-page > li > a > .icon{ font-size: 12px;}
.nav-page > li:first-child{ margin-left: 0;}
.nav-page > li:first-child > a{ border-radius: 4px 0 0 4px;}
.nav-page > li:last-child > a{ border-radius: 0 4px 4px 0;}
/* pic-tag */
.pic-tag{ position: absolute; z-index: 99; padding:2px 5px; font-size: 12px; border-radius: 2px;}
.pic-tag-t{top: 5px; left: 5px;}
.pic-tag-l{bottom: 5px; left: 5px;}
.pic-tag-b{bottom: 5px; right: 5px;}
.pic-tag-r{top: 5px; right: 5px;}
.pic-tag-h{left: 0; top: 0; padding:2px 8px; border-radius: 0 0 8px 0;}
.pic-tag-lg{ padding: 4px 10px;}
.pic-text{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding:5px 10px; font-size: 12px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.pic-text-silde{ padding-bottom: 20px; font-size: 14px;}
.pic-text-lg{ padding: 8px 20px; font-size: 14px;}
.pic-title-t{display: block; width: 100%; position: absolute; top: 0; left: 0; padding:5px 10px 10px; font-size: 12px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.pic-title-b{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding:5px 10px; font-size: 12px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
/* pannel */
.stui-pannel{position: relative; margin-bottom: 20px;}
.stui-pannel.stui-pannel-x{ margin: -10px -10px 10px;}
.stui-pannel-bg{border-radius: 2px;}
.stui-pannel-side{ padding: 0 0 0 20px;}
.stui-pannel-box{ padding: 10px;}
.stui-pannel-box.active{ padding: 0; margin: -10px;}
.stui-pannel_hd{ padding: 10px;}
.stui-pannel_ft{ margin-top: 10px; padding: 10px 10px 0; text-align: center;}
/* pannel-head */
.stui-pannel__head{ position: relative; height: 30px;}
.stui-pannel__head.active{height: 40px;}
.stui-pannel__head .title{float: left; margin:0; padding-right: 10px; line-height: 24px;}
.stui-pannel__head .title img{ display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: -5px;}
.stui-pannel__head .more{ line-height: 30px;}
/* tabbar */
.stui_nav__taddar .item{ display: block; text-align: center;}
.stui_nav__taddar .item .icon{ display: block; text-align: center; font-size: 20px; line-height: 20px;}
.stui_nav__taddar .item .icon-img{display: inline-block; width: 24px; height: 24px;}
.stui_nav__taddar .item .title{ display: block; margin-top: 3px; font-size: 12px;;}
.stui_nav__taddar.fixed{ position: fixed; bottom: 0; width: 100%; padding: 5px 0 0;}
/* vod-list */
.stui-vodlist__thumb{display: block; position: relative; padding-top: 150%; background: url(../img/load.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
.stui-vodlist__thumb.square{ padding-top: 100%; background: url(../img/load.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
.stui-vodlist__thumb.active{ padding-top: 60%; background: url(../img/load.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
.stui-vodlist__thumb.picture {background: none; overflow: hidden;}
.stui-vodlist__thumb.picture img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.stui-vodlist__thumb .play{display: none; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.1) url(../img/play.png) center no-repeat;}
.stui-vodlist__thumb .play.active{ display: block;}
.stui-vodlist__thumb:hover .play{ display: block;}
.stui-vodlist__detail.active{ padding: 0 10px 10px;}
.stui-vodlist__detail .title{ font-size: 14px; margin-bottom: 0;}
.stui-vodlist__detail .title.active{ font-size: 16px; margin-bottom: 10px;}
.stui-vodlist__detail .text{ min-height: 19px; font-size: 12px; margin-bottom: 0; margin-top: 5px;}
.stui-vodlist__detail .text-title{ font-size: 14px; line-height: 18px; margin:11px 0 0; height: 36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
/* text-list */
.stui-vodlist__text li a{ display: block; padding: 10px 15px 10px 0;}
.stui-vodlist__text.active li a{ padding: 10px 0 10px;}
.stui-vodlist__text.active li:first-child a{ padding-top: 0;}
.stui-vodlist__text.striped li{ padding: 10px 0 10px;}
.stui-vodlist__text.striped li a{ display: inline-block; padding: 0;}
.stui-vodlist__text.striped .striped-head{ padding: 10px; border-radius: 5px;}
.stui-vodlist__text.to-color li{ padding: 10px; border-radius: 5px;}
.stui-vodlist__text.to-color li a{ padding: 0;}
.stui-vodlist__text.downlist{ padding-top: 0;}
.stui-vodlist__text.downlist li{ padding: 10px 0;}
.stui-vodlist__text.downlist li .text{ line-height: 30px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.stui-vodlist__text.downlist li a{ display: inline-block; padding: 0;}
.stui-vodlist__text.downlist li a.btn{ padding: 4px 12px; margin-left: 10px;}
/* media-list */
.stui-vodlist__media li { padding: 10px 0 10px;}
.stui-vodlist__media.active li:first-child{ padding-top: 0;}
.stui-vodlist__media.active li:last-child{ padding-bottom: 0;}
.stui-vodlist__media li .thumb,.stui-vodlist__media .detail{display: table-cell; vertical-align: top;}
.stui-vodlist__media li .thumb .w-thumb{ width: 190px;}
.stui-vodlist__media li .thumb .v-thumb{ width: 120px;}
.stui-vodlist__media li .thumb .f-thumb{ width: 120px;}
.stui-vodlist__media li .thumb .m-thumb{ width: 65px;}
.stui-vodlist__media li .detail{ width: 100%; padding:0 20px 0;}
.stui-vodlist__media li .detail-side{ padding:0 10px 0;}
.stui-vodlist__media li .detail-left{ padding: 0 20px 0 0;}
.stui-vodlist__media li .detail .title{ margin: 10px 0 10px;}
/* screen-list */
.stui-vodlist__screen { padding:10px 0 5px;}
.stui-vodlist__screen:first-child{ padding-top: 0;}
.stui-vodlist__screen:last-child{ padding-bottom: 0;}
.stui-vodlist__screen li{ float: left; width: 25%; margin-bottom: 5px;}
/* rank-list */
.stui-vodlist__rank li{ margin-bottom: 10px;}
.stui-vodlist__rank li:last-child{ margin-bottom: 0;}
/* link-list */
.stui-link__text li{ float: left; margin-right: 15px; margin-bottom: 10px;}
.stui-link__pic li a{ display: block; padding:10px 20px; border-radius: 4px;}
.stui-link__pic li a img{ max-width: 100%;}
/* play-list */
.stui-content__playlist{ position: relative;}
.stui-content__playlist.overflow{ max-height: 300px; overflow-y: scroll;}
.stui-content__playlist li{float:left; margin-bottom:10px; margin-right:10px}
.stui-content__playlist li a{display:inline-block; padding:5px 20px;border-radius:5px}
.stui-content__playlist.full li{ float: none; width: 100%; margin-right: 0;}
.stui-content__playlist.column3 li{ width: 33.3333333%; padding: 0 5px; margin-right: 0;}
.stui-content__playlist.column6 li{ width: 16.6666667%; padding: 0 5px; margin-right: 0;}
.stui-content__playlist.column8 li{ width: 12.5%; padding: 0 5px; margin-right: 0;}
.stui-content__playlist.column8 li.more,.stui-content__playlist.column10 li.narrow{ width: 15%;}
.stui-content__playlist.column10 li{ width: 10%; padding: 0 5px; margin-right: 0;}
.stui-content__playlist.column10 li.more,.stui-content__playlist.column10 li.narrow{ width: 20%;}
.stui-content__playlist.column12 li{ width: 8.33333333%; padding: 0 5px; margin-right: 0;}
.stui-content__playlist.column12 li.more,.stui-content__playlist.column12 li.narrow{ width: 16.6666667%;}
.stui-content__playlist.column3,.stui-content__playlist.column6,.stui-content__playlist.column8,.stui-content__playlist.column10,.stui-content__playlist.column12{ margin: 0 -5px;}
.stui-content__playlist.column3 li a,.stui-content__playlist.column6 li a,.stui-content__playlist.column8 li a,.stui-content__playlist.column10 li a,.stui-content__playlist.column12 li a{ padding: 5px;}
.stui-content__playlist.full li a,.stui-content__playlist.column3 li a,.stui-content__playlist.column6 li a,.stui-content__playlist.column8 li a,.stui-content__playlist.column10 li a,.stui-content__playlist.column12 li a{ display: block; text-align: center;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
/* screen */
.stui-screen__list{position:relative;padding:10px 0 0;}
.stui-screen__list li{float:left;margin-right:10px;margin-bottom:10px}
.stui-screen__list li span{display:inline-block;padding:3px 0 3px}
.stui-screen__list li a{display:inline-block;padding:3px 10px;border-radius:2px}
.stui-screen__list.letter-list li{ margin: 0;}
.stui-screen__list.letter-list li:first-child{ margin-right: 10px;}
.stui-screen__list.letter-list li.active a{padding:3px 10px}
/* page */
.stui-page{margin-bottom:30px}.stui-page li{display:inline-block;margin-left:10px}
.stui-page li .num,.stui-page li a{display:inline-block;padding:5px 15px;border-radius:5px}
.stui-page-text{ padding:0 20px 20px;}
.stui-page-text a,.stui-page-text em,.stui-page-text span{font-style:normal;display:inline-block;margin:0;padding:6px 12px;border-radius:2px;cursor:pointer}
.stui-page-text .pagego{ padding: 6px; margin-right: 5px;border-radius: 5;}
.stui-page-text .pagebtn{ padding: 6px 12px; cursor: pointer;}
/* extra */
.stui-extra{position:fixed;right:50px;bottom:50px}
.stui-extra li{position:relative;padding:15px 10px 0}
.stui-extra li a,.stui-extra li span{display:block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:4px;font-size:18px;cursor:pointer}
.stui-extra li a .icon,.stui-extra li span .icon{font-size:18px}
.stui-extra li a img{margin-top:15px;width:20px;height:20px}
.stui-extra li .sideslip{display:none;position:absolute;bottom:0;right:100%;width: 160px;}
.stui-extra li .sideslip:before{content:" ";width:10px;height:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-width:0 1px 1px 0;position:absolute;bottom:20px;right:-6px;border-style:solid}
.stui-extra li:hover .sideslip{display:block}
/* flickity */
.flickity-enabled{position:relative;}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-prev-next-button{position:absolute;top:50%;width:30px;height:60px;border:none; background-color: rgba(0,0,0,.6); cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.flickity-prev-next-button.previous{left:10px;border-radius:0 10px 10px 0}
.flickity-prev-next-button.next{right:10px;border-radius:10px 0 0 10px}
.flickity-prev-next-button:disabled{opacity:0;cursor:auto}
.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-prev-next-button .arrow{fill:#fff}
.flickity-prev-next-button.no-svg{color:#fff;font-size:18px}
.flickity-page-dots{position:absolute;width:100%;bottom:20px;left:0;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
.flickity-page-dots .dot{display:inline-block;width:15px;height:3px;margin:0 5px;background:#f80;opacity:.25;cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1}
.flickity-page{ padding-bottom: 15px; overflow: hidden;}
.flickity-page .flickity-page-dots{ bottom: 5px;}
/* carousel */
.carousel{ position: relative; width: 100%; height:100%; overflow: hidden; white-space: nowrap;}
.carousel [class^="col-"]{ float: none; display: inline-block;}
.carousel .list{ padding: 0; margin-right: 20px;}
.carousel .wide{ width: 100%; display: inline-block;}
.carousel_center{ padding-bottom: 20px;}
.carousel_center .list a{ position: relative;}
.carousel_center .list a:before{ content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6);}
.carousel_center .list.is-selected a:before{ display: none;}
/* popup */
.popup{position: fixed; right: -100%; top: 0; z-index: 1001; width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; transition:.5s;}
.popup-visible{ right: 0;}
.popup-head { padding: 15px 10px; margin-bottom: 10px;}
.popup-head .title{ display: inline-block; margin: 0;}
.popup-head .icon{ font-size: 20px;}
/* embed */
.embed-responsive{position:relative;display:block;overflow:hidden;padding:0;height:0}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}
/* bootstrap.js */
.fade{opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;}
.fade.in{opacity: 1;}
.tab-content>.tab-pane,.carousel-inner>.item{ display: none;}
.tab-content>.tab-pane.active,.carousel-inner>.item.active{ display: block;}
.dropdown{ position: relative;}
.dropdown-menu{display: none; position:absolute; top:100%; left:-80%; z-index:1000; padding: 10px 0; border-radius: 2px;}
.dropdown-menu:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); border-width:1px 1px 0 0; position: absolute; top:-6px; right: 20px; border-style: solid;}
.dropdown-menu>li>a{display: block; padding: 6px 20px; text-align: center;}
.open>.dropdown-menu {display: block;}
.carousel-side{ position: absolute; z-index: 99; top: 0; bottom: 0; display: block; width: 100px; height: 100%;}
.carousel-side .icon{ position: absolute; top: 50%; margin-top: -25px; display: block; width: 50px; height: 50px; text-align: center; font-size: 30px; line-height: 50px; background-color: rgba(0,0,0,0.6); color: #fff; border-radius: 50%;}
.carousel-side.left{ left: 0;}
.carousel-side.left .icon{ left: 30px;}
.carousel-side.right{ right: 0; }
.carousel-side.right .icon{ right: 30px;}
.carousel-bootom{ position: absolute; width: 100%; bottom: 20px; left: 0; text-align: center;}
.carousel-bootom li{ display: inline-block; margin: 0 5px; width:15px; height:3px; background: #f80; opacity:.25; cursor:pointer}
.carousel-bootom li.active{ opacity:1;}
/* modal */
.stui-modal{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;}
.stui-modal__dialog{position: relative; width: 350px; margin: 140px auto; }
.stui-modal__content{ position: relative; background-color: #fff; border-radius: 6px; outline: 0; box-shadow: 0 3px 9px rgba(0,0,0,.5);}
.modal-open{ overflow: hidden;}
.modal-backdrop{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000;}
.modal-backdrop.fade{ opacity: 0;}
.modal-backdrop.fade.in{ opacity: .5;}
/* mobile-share */
.mobile-share{ position: fixed; z-index: 999; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; animation: fade-in; animation-duration: .5s; -webkit-animation:fade-in .5s;}
.share-weixin{ background: url(../img/share_weixin.png) rgba(0, 0, 0, .8) no-repeat; background-position: right top 10px; background-size: 80%;}
.share-other{ background: url(../img/share_other.png) rgba(0, 0, 0, .8) no-repeat; background-position: center bottom 10px; background-size: 80%;}
/* more */
.relative{ position: relative;}
.top-fixed-up{ margin-top: 0 !important;}
.top-fixed{ -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; transition:.5s;}
.pull-left{ float: left !important;}
.pull-right{ float: right !important;}
.margin-0{ margin: 0 !important;}
.padding-0{ padding: 0 !important;}
.margin-t0{ margin: 0 !important;}
.padding-t0{ padding: 0 !important;}
.margin-b0{ margin: 0 !important;}
.padding-b0{ padding: 0 !important;}
.block{ display: block !important;}
.inline-block{ display: inline-block !important;}
.hide,.visible-lg, .visible-md, .visible-sm, .visible-xs, .visible-mi{ display: none !important;}
.mask{ position: fixed; top: 0; left: 0; bottom: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); animation: fade-in; animation-duration: .5s; -webkit-animation:fade-in .5s;}
@keyframes fade-in {0% {opacity: 0;}40% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes fade-in { 0% {opacity: 0;} 40% {opacity: 0;}100% {opacity: 1;}}
@media (min-width: 1200px){
.visible-lg { display: block !important;}
.hidden-lg {display: none !important;}
}
@media (max-width: 1199px) and (min-width: 992px){
.visible-md { display: block !important;}
.hidden-md {display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
.visible-sm{ display: block !important;}
.hidden-sm {display: none !important;}
}
@media (max-width: 991px){
.stui-pannel-side{ padding: 0;}
/* screen */
.stui-screen__list{ height: 40px; padding:10px 0 10px; overflow:hidden; white-space: nowrap;}
.stui-screen__list:last-child{ padding: 10px 0 0;}
.stui-screen__list li{ float: none; display: inline-block; margin-right:10px; margin-bottom:0}
.stui-screen__list li span{padding:2px 5px 2px 0}
.stui-screen__list li a{padding:2px 5px 2px; white-space:nowrap}
.stui-screen__list.letter-list li{ margin-right: 5px; margin-bottom: 0;}
.stui-screen__list.letter-list li a,.stui-screen__list.letter-list li.active a{padding:2px 5px 2px}
/* vod-list */
.stui-vodlist__detail .title.active{ font-size: 14px; margin-bottom: 0;}
/* media-list */
.stui-vodlist__media li .thumb .v-thumb{ width: 110px;}
.stui-vodlist__media li .thumb .w-thumb{ width: 130px;}
.stui-vodlist__media li .thumb .f-thumb{ width: 70px;}
/* play-list */
.stui-content__playlist{ -webkit-overflow-scrolling : touch;}
.stui-content__playlist.column3 li{ width: 50%;}
.stui-content__playlist.column6 li{ width: 25%;}
.stui-content__playlist.column8 li{ width: 20%;}
.stui-content__playlist.column10 li{ width: 16.6666667%;}
/* modal */
.stui-modal__dialog{ width: 320px; margin: 50px auto;}
@media (max-width: 767px){
.visible-xs { display: block !important;}
.hidden-xs {display: none!important;}
/* all */
body{ font-size: 12px;}
/* text */
h1{ font-size:20px; line-height: 24px;}
h2{ font-size:18px; line-height: 22px;}
h3{ font-size:16px; line-height: 20px;}
h4{ font-size:14px; line-height: 18px;}
h5{ font-size:12px; line-height: 16px;}
h6{ font-size:10px; line-height: 14px;}
/* btn */
.btn{padding: 6px 20px;}
.btn-min{ padding: 3px 8px;}
.btn-lg{ padding: 12px 24px;}
/*nav*/
.nav{ height: 20px;}
.nav-head > li{ margin-top: 2px; margin-right: 20px;}
.nav-head > li > a{ padding-bottom: 10px; font-size: 14px;}
.nav-tabs > li{ margin-left: 20px;}
.nav-tabs > li > a{padding: 6px 0 6px;}
.nav-page > li > a{ padding: 0 3px; height: 20px; line-height: 18px;}
/* pic-text */
.pic-text-silde{ font-size: 12px;}
/* line */
.top-line:before,.top-line-dot:before{-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.bottom-line:after,.bottom-line-dot:before{ -webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.m-top-line,.m-top-line-dot,.m-bottom-line,.m-bottom-line-dot{ position: relative;}
.m-top-line:before,.m-top-line-dot:before{content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px; -webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.m-bottom-line:after,.m-bottom-line-dot:before{content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; -webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
/* pannel */
.stui-pannel{ margin-bottom: 10px;}
.stui-pannel.stui-pannel-x{ margin: 0 0 5px;}
.stui-pannel-bg{border-radius: 0;}
.stui-pannel-box{ padding:10px 5px;}
.stui-pannel-box.active{ margin:5px;}
.stui-pannel_hd{ padding:0 5px 10px;}
/* pannel-head */
.stui-pannel__head{ height: 20px;}
.stui-pannel__head.active{height: 30px;}
.stui-pannel__head .title,.stui-pannel__head .title a{font-size: 16px;}
.stui-pannel__head .title img{ width: 18px; height: 18px; margin-right: 5px; vertical-align: -3px;}
.stui-pannel__head .more{ line-height: 20px;}
/* vod-list */
.stui-vodlist__thumb .tag{ padding: 0 5px;}
.stui-vodlist__thumb .silde-title{ font-size: 12px;}
.stui-vodlist__detail .title,.stui-vodlist__detail .title.active{margin-bottom: 0; font-size: 12px;}
/* media-list */
.stui-vodlist__media li .thumb .v-thumb{ width: 100px;}
.stui-vodlist__media li .thumb .w-thumb{ width: 130px;}
.stui-vodlist__media li .thumb .f-thumb{ width: 70px;}
.stui-vodlist__media li .detail{ padding: 0 10px;}
.stui-vodlist__media li .detail.active{ padding-left: 0; padding-right: 10px;}
/* text-list */
.stui-vodlist__text li a{ padding:10px 0;}
.stui-vodlist__text.downlist li{ padding: 5px 0 0;}
/* play-list */
.stui-content__playlist li a{padding:5px 10px;font-size:12px}
.stui-content__playlist.column3 li{ float: none; width: 100%;}
.stui-content__playlist.column6 li,.stui-content__playlist.column8 li,.stui-content__playlist.column10 li,.stui-content__playlist.column12 li{ width: 25%;}
/* page */
.stui-page li{float:left;width:20%;margin:0;padding:0 5px 0 5px}
.stui-page li a,.stui-page__box li .num{display:block;padding:5px 0;text-align:center}
.stui-page li.page-item{ width: auto; margin-bottom: 5px;}
.stui-page li.page-item a{ padding: 5px 15px;}
/* extra */
.stui-extra{right:15px;bottom:15px}
.stui-extra li{padding:8px 0 0}
.stui-extra li a,.stui-extra li span{width:35px;height:35px;line-height:35px;font-size:16px}
.stui-extra li a .icon,.stui-extra li span .icon{font-size:16px}
.stui-extra li a img{margin-top:8px;width:18px;height:18px}
/* carousel */
.carousel .list{ margin-right: 10px;}
/* flickity */
.flickity-prev-next-button{display: none;}
.flickity-prev-next-button.previous{left:5px;border-radius:0 5px 5px 0}
.flickity-prev-next-button.next{right:5px;border-radius:5px 0 0 5px}
.flickity-page-dots{ bottom: 15px;}
/* modal */
.stui-modal__dialog{ width: 100%; margin: 0; padding: 50px 20px;}
.carousel-control{ width: 50px; height: 100%;}
.carousel-control .icon{ margin-top: -15px; width: 30px; height: 30px; font-size: 20px; line-height: 30px;}
.carousel-control.left .icon{ left: 10px;}
.carousel-control.right .icon{ right: 10px;}
}
@media (max-width: 374px){
.visible-mi{ display: block !important;}
.hidden-mi{display: none !important;}
/* media-list */
.stui-vodlist__media li .thumb .v-thumb{ width: 90px;}
.stui-vodlist__media li .thumb .w-thumb{ width: 100px;}
.stui-vodlist__media li .thumb .f-thumb{ width: 50px;}
}

128
code/public/template/videonunu/css/stui_block_color.css Normal file
View File

@@ -0,0 +1,128 @@
/*!
* Edition v3.0 Copyright 2016-2018 http://v.shoutu.cn
* Email 726662013@qq.com,admin@shoutu.cn
*/
@charset "utf-8";
/* all */
body{ background: #F8F8F8; color: #666;}
/* text */
a,h1, h2, h3, h4, h5, h6{ color: #333333;}
a:hover{ color: #FF9900;}
.text-red{ color: red;}
.text-muted{ color: #999999;}
/* form */
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #EEEEEE;}
.form-control.colorfff{ background-color: #FFFFFF;}
.form-control:focus{border-color:#FF9900; -webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6);}
/* btn */
.btn,.btn:hover,.btn .icon{ color: #333333;}
.btn{ border: 1px solid #EEEEEE;}
.btn-default{ background-color: #f5f5f5; color: #333333;}
.btn-default:hover{ background-color: #f0eeee;}
.btn-primary{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
.btn-primary .icon{ color: #FFFFFF;}
.btn-primary:hover{ background-color: #FF6600; border: 1px solid #FF6600; color: #FFFFFF;}
.btn-primary:hover .icon{ color: #FFFFFF;}
/* dropdown */
.dropdown-menu{ background-color: #FFFFFF; border: 1px solid #EEEEEE;}
.dropdown-menu:before{background-color: #FFFFFF; border-color: #EEEEEE;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background-color: #FF9900; color: #FFFFFF;}
/* line */
.split-line{ background-color: #EEEEEE;}
.top-line:before{ border-top: 1px solid #EEEEEE;}
.bottom-line:after{ border-bottom: 1px solid #EEEEEE;}
.top-line-dot:before{ border-top: 1px dotted #EEEEEE;}
.bottom-line-dot:before{ border-bottom: 1px dotted #EEEEEE;}
/* badge */
.badge{ background-color: #EEEEEE;}
.badge-first{ background-color: #FF4A4A; color: #FFFFFF;}
.badge-second{ background-color: #FF7701; color: #FFFFFF;}
.badge-third{ background-color: #FFB400; color: #FFFFFF;}
/* nav */
.nav-head > li.active > a,.nav-tabs > li.active > a{ border-bottom: 2px solid #FF9900; color: #FF9900;}
.nav-tag > li > a,.nav-page > li > a{ background-color: #FFFFFF; border: 1px solid #EEEEEE; color: #333333;}
.nav-tag > li > a:hover,.nav-tag > li.active a,.nav-page > li > a:hover,.nav-page > li.active > a{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
.nav-page > li > a:hover > .icon{ color: #fff;}
/* tag */
.tag-type li a{ background-color: #FFFFFF; border: 1px solid #EEEEEE; color: #666666;}
.tag-type li a:hover,.tag-type li.active a{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
.tag-btn li a{ background-color: #F8F8F8; color: #666666;}
.tag-btn li a.active,.tag-text li a.active,.tag-type li a.active{ color: #FF9900;}
.tag-btn li a:hover,.tag li.active a{ background-color: #FF9900; color: #FFFFFF;}
/* pic-tag */
.pic-tag{ background-color: rgba(0,0,0,0.6); color: #FFFFFF;}
.pic-tag.active,.pic-tag-h{ background-color: #FF9900; color: #FFFFFF;}
.pic-text,.pic-title-b{ background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #FFFFFF;}
.pic-text.active{ background: rgba(0,0,0,0.6); color: #FFFFFF;}
.pic-title-t{background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); color: #FFFFFF;}
/* pannel */
.stui-pannel-bg{background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(0,0,0,.05);}
/* tabbar */
.stui_nav__taddar .item .icon,.stui_nav__taddar .item .title{ color: #999;}
.stui_nav__taddar .item.active .title,.stui_nav__taddar .item.active .icon{color: #FF9900;}
.stui_nav__taddar.fixed{ background-color: #FFFFFF;}
/* vodlist */
.stui-vodlist__bg{background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(0,0,0,.05);}
.stui-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}
/* text-list */
.stui-vodlist__text.striped .striped-head,.stui-vodlist__text.to-color li:nth-of-type(odd){ background-color: #f5f5f5;}
/* link */
.stui-link__pic li a{ background-color: #FFFFFF; border: 1px solid #F5F5F5;}
.stui-link__pic li a:hover{ border: 1px solid #FF9900;}
/* screen */
.stui-screen__list li a{ color: #333333;}
.stui-screen__list li.active a{ background-color: #FF9900; color: #FFFFFF;}
/* playlist */
.stui-content__playlist li a{ border: 1px solid #EEEEEE;}
.stui-content__playlist li a:hover,.stui-content__playlist li.active a{ border: 1px solid #FF9900; background-color: #FF9900; color: #FFFFFF;}
/* player */
.stui-player__video{ background-color: #000000;}
/* page */
.stui-page li a,.stui-page li .num,.stui-page-text a,.stui-page-text em,.stui-page-text span{background-color: #FFFFFF; border: 1px solid #EEEEEE;}
.stui-page li a:hover,.stui-page li.active a,.stui-page li.active .num,.stui-page li.disabled a,.stui-page-text span.pagenow{ background-color: #FF9900; color: #FFFFFF; border: 1px solid #FF9900;}
.stui-page-text .pagego{ border: 1px solid #EEEEEE;}
.stui-page-text .pagebtn{background-color: #FFFFFF; border: 1px solid #EEEEEE;}
/* extra */
.stui-extra li a,.stui-extra li span{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.stui-extra li a.backtop{ background-color: rgba(0,0,0,0.6); color: #FFFFFF; }
.stui-extra li .sideslip{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.stui-extra li .sideslip:before{ background-color: #FFFFFF; border-color: rgba(0, 0, 0, 0.1);}
/* popup */
.popup{ background-color: #F8F8F8;}
.popup-head{ background-color: #FFFFFF;}
@media (max-width: 767px){
/* form */
.form-control{ background-color:#F8F8F8; color: #999999; border: 0;}
/*pannel*/
.stui-pannel-bg,.stui-vodlist__bg,.stui-vodlist__bg:hover{box-shadow: none;}
/* line */
.m-top-line:before{ border-top: 1px solid #EEEEEE;}
.m-bottom-line:after{ border-bottom: 1px solid #EEEEEE;}
.m-top-line-dot:before{ border-top: 1px dotted #EEEEEE;}
.m-bottom-line-dot:before{ border-bottom: 1px dotted #EEEEEE;}
}

373
code/public/template/videonunu/css/stui_default.css Normal file
View File

@@ -0,0 +1,373 @@
/*!
* Edition v2.0 Copyright 2016-2018 http://v.shoutu.cn
* Email 726662013@qq.com,admin@shoutu.cn
*/
@charset "utf-8";
/* all */
body{padding-top:80px}
/* header */
.stui-header__top{position:fixed;top:0;z-index:999;width:100%;height:60px; background-color: #1f7009; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.top-fixed-down{margin-top:-60px}
.stui-header__side{float:right}
/* header-logo */
.stui-header__logo,.stui-header__menu{float:left;line-height: 50px;font-size: 1rem;}
.stui-header__logo{margin-top:5px}
.stui-header__logo .logo{display:block;width:150px;height:50px;background-position:50% 50% !important;background-size:cover !important;color:#FF9900}
/* header-menu */
.stui-header__menu{position:relative;margin-left:10px}
.stui-header__menu li{float:left; margin-left: 20px; margin-right:20px}
.stui-header__menu li a{display:inline-block; line-height: 58px;font-size:15px; color: #fff;}
.stui-header__menu li.active a{ border-bottom: 2px solid #FF9900;}
/* header-seacrh */
.stui-header__search{float:left;position:relative;margin-top:15px;width:200px}
.stui-header__search .form-control{ border: 1px solid #020411; background-color: #323232;}
.stui-header__search .submit{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;text-align:center; background: none; border: 0;cursor: pointer;}
.stui-header__search .submit .icon{font-size:14px;color:#999}
/* header-user */
.stui-header__user{float:right}
.stui-header__user > li{ float:left; position: relative; padding: 18px 0 10px; margin-left: 30px}
.stui-header__user > li > a .icon{ display: inline-block; font-size: 24px; line-height: 24px;}
.stui-header__user > li > a,.stui-header__user > li > a .icon{ color: #fff;}
.stui-header__user > li .dropdown{ display: none; position: absolute; z-index: 999; width: 240px; top: 100%; right: -15px; padding: 15px; font-size: 12px; color: #999; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.2); border-radius: 4px;}
.stui-header__user > li .dropdown:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position: absolute; top:-5px; right: 22px; background-color: #fff;}
.stui-header__user .dropdown li{ position: relative; padding: 10px 0;}
.stui-header__user .dropdown li:first-child{ margin-top: 10px;}
.stui-header__user .dropdown li:last-child{ padding-bottom: 0;}
/* index */
.stui_nav__taddar .item,.stui-index__code{ padding: 15px; border-radius: 4px;}
.stui_nav__taddar .item{ background-color: #1f7009;}
.stui_nav__taddar .item:hover .title{ color: #fff;}
.stui-index__code{ background-color: #f8f8f8;}
/* content */
.stui-content__detail,.stui-content__thumb{display:table-cell;vertical-align:top}
.stui-content__thumb .v-thumb{width:190px}
.stui-content__thumb .w-thumb{width:300px}
.stui-content__detail{width:100%;padding:10px 0 20px 20px;}
.stui-content__detail .title{margin: 0 0 10px;}
.stui-content__detail .data{margin-bottom:10px}
.stui-content__detail .data li{float:left;margin-right:20px}
.stui-content__detail .play-btn{margin-top:20px}
.stui-content__detail .play-btn .btn{ margin-right: 10px;}
.stui-content__detail .play-btn .share{margin-top:5px}
.stui-content__detail .score{margin-bottom: 15px;}
.stui-content__detail .score .branch{display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 24px; line-height: 24px; color: #09BB07;}
.stui-content__detail .score .branch .text{ font-size: 12px;}
.stui-content__detail .score .star{display: inline-block; position: relative; top: 5px; width: 160px; height: 25px; background: url(../img/star1.png) 0 0 no-repeat;}
.stui-content__detail .score .star .star-cur{display: inline-block; background: url(../img/star.png) 0 0 no-repeat; height: 25px; position: absolute; top: 0; z-index: 1;}
.detail-sketch,.detail-content{ font-size: 14px; line-height: 25px;}
.detail-content img{ max-width: 100%;}
/* player */
.stui-player__video{ background-color: #000}
.stui-player__detail{ margin-top: 20px;}
.stui-player__detail .more-btn{ float: right; padding-top: 10px;}
.stui-player__detail .more-btn li{ display: inline-block; margin-left: 10px;}
.stui-player__detail .more-btn .btn{ padding: 6px 15px;}
.stui-player__detail .title{margin:0 0 10px}
.stui-player__detail .detail-content{padding-top:10px}
.stui-player__detail .desc{padding-left:42px}
.stui-player__detail .desc .left{margin-left:-42px}
/* autocomplete */
.autocomplete-suggestions{ padding: 0 10px; margin-top: 5px; border-radius:4px; background-color: #FFFFFF; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.autocomplete-suggestions.active{position: absolute; z-index: 9999; top: 100%; width: 100%;}
.autocomplete-suggestion{padding:10px 0; cursor:pointer; border-top: 1px solid #eee;}
.autocomplete-suggestion:first-child{border-top:0}
.mac_results{ z-index: 9999; padding: 0 10px; margin-top: 5px; border-radius:4px; background-color: #FFFFFF; border:1px solid #EEEEEE; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.mac_results li{padding:10px 0; cursor:pointer; border-top: 1px solid #EEEEEE;}
.mac_results li:first-child{ border: 0;}
/* screen */
.stui-screen__min{ padding-left: 20px; border-left: 1px solid #EEEEEE;}
.stui-screen__min.first{ padding-left: 0; border-left: 0;}
.stui-screen__min dd a{ display: inline-block; margin-top: 10px; margin-right: 16px;}
@media (min-width:768px){
.container{width:750px}
}
@media (min-width:992px){
.container{width:920px}
}
@media (min-width:1200px){
.container{width:1170px}
}
@media (max-width:1024px){
/* all */
body{ padding-top:90px}
/* header */
.stui-header__top{ height: 90px;}
.top-fixed-down{margin-top:-50px}
.stui-header__side{float:none;position:absolute;top:0;left:150px;right:0;width:auto}
.stui-header__logo,.stui-header__menu{float:none}
.stui-header__logo{margin:10px 0 10px}
.stui-header__logo .logo{width:127px;height:30px;}
.stui-header__search{float:right;margin-top:10px}
.stui-header__menu{margin:0;padding:0;}
.stui-header__menu:before{content:" ";position:absolute;left:0;top:0;right:0;width:100%;height:1px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5); border-top: 1px solid #323232;}
.stui-header__menu li{margin-top:0; margin-left: 10px; margin-right:10px}
.stui-header__menu li a{padding:0;line-height:38px;font-size:14px;white-space:nowrap}
.stui-header__menu li.active a{position:relative; color: #fff;}
.stui-header__user > li{ padding: 15px 0 10px; margin-right: 10px;}
.stui-header__user > li .dropdown{ right: 0;}
.stui-header__user > li .dropdown:before{ right: 8px;}
.stui-header__menu > li:hover .dropdown,.stui-header__user > li:hover .dropdown{ display: none;}
/* screen */
.stui-screen__min{ padding-left: 0;}
.stui-screen__min dt{ float: left; width: 50px;}
.stui-screen__min dd{ padding-bottom: 10px;}
.stui-screen__min dd.active{ padding-bottom: 0;}
.stui-screen__min dd a{ margin: 0 10px; white-space:nowrap}
}
@media (max-width:767px){
/* header */
.stui-header__logo{margin-left:10px;line-height:30px;}
.stui-header__search{position:absolute;top:0;left:0;right:50px;width:auto}
.stui-header__menu{padding-left:10px}
/* content */
.stui-content__thumb .v-thumb{width:115px}
.stui-content__thumb .w-thumb{width:160px}
.stui-content__detail{padding:0 10px}
.stui-content__detail .title{margin:10px 0 5px; font-size:16px;line-height:18px}
.stui-content__detail .data{margin:0 0 10px;font-size:12px}
.stui-content__detail .play-btn{margin:0;padding:0}
.stui-content__detail .score{ margin-bottom: 10px;}
.stui-content__detail .score .star{ zoom: 80%;}
.stui-content__detail .score .branch{ font-size: 18px; line-height: 18px;}
/* player */
.stui-player__detail.detail .title{ margin-top: 10px; font-size: 16px;}
.stui-player__detail{ margin-top: 0;}
.stui-player__detail .data .title{font-size:16px}
.stui-player__detail .more-btn{ margin-bottom: 10px;}
.stui-player__detail .more-btn{ float: none; padding: 10px; background-color: #222; display: -webkit-box; display: -webkit-flex; display: flex;}
.stui-player__detail .more-btn li{ margin: 0; padding: 0 5px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center;}
.stui-player__detail .more-btn .btn{ display: block; padding: 6px;}
/* screen */
.stui-screen__min{ border-left: 0;}
.stui-screen__min:before{ border-top: 1px solid #EEEEEE;}
/* type */
.stui-mobile__type li{padding:0 20px}
.stui-mobile__type li a{display:block;padding:10px 0;text-align:center}
/* foot */
.stui-foot{padding:20px 0}
}
/* 针对PC端，屏幕宽度大于768px */
@media (min-width: 769px) {
.stui-screen__list {
display: flex;
overflow-x: auto; /* 横向滚动 */
white-space: nowrap; /* 强制一行显示 */
scrollbar-width: thin; /* 滚动条宽度（Firefox） */
padding: 10px 0;
}
.stui-screen__list::-webkit-scrollbar {
height: 8px; /* 滚动条高度（Chrome/Safari） */
}
.stui-screen__list::-webkit-scrollbar-thumb {
background: #ccc!important; /* 滚动条颜色 */
border-radius: 4px;
}
.stui-screen__list::-webkit-scrollbar-thumb:hover {
background: #aaa!important; /* 滚动条悬停颜色 */
}
.stui-screen__list li {
flex: 0 0 auto; /* 防止缩小，保持原始宽度 */
margin-right: 10px; /* 导航项间距 */
}
.stui-screen__list li a {
display: inline-block;
padding: 8px 16px;
text-decoration: none;
}
/* 清除浮动和默认样式 */
.stui-screen__list.clearfix::after {
content: none;
}
}
.pai-hang-bang-li{
margin-bottom: 8px;
}
.view-title {
font-size: 1rem;
text-indent: 10px;
margin-top: 10px;
}
.view-description {
font-size: 0.8rem;
text-indent: 10px;
}
.video-play-page .view-title {
margin-top: 10px;
color: #999;
}
.video-play-page .view-description {
color: #999;
}
/** 播放器 start */
.video-play-page .stui-player__head {
display: none;
}
.video-play-page .dplayer-video-wrap {
max-height: 600px;
}
.video-play-page video {
max-height: 600px;
}
@media (max-width:767px) {
.view-title {
font-size: 0.8rem;
}
.view-description {
font-size: 0.7rem;
}
body.video-play-page {
padding-top: 0;
}
.video-play-page .stui-header__top {
display: none;
}
.video-play-page .stui-player__head {
display: block;
padding: 15px;
background-color: #333;
color: #fff;
}
.video-play-page .stui-player__head a {
color: #fff;
}
.video-play-page .dplayer-video-wrap {
max-height: 218px;
}
.video-play-page video {
max-height: 218px;
}
}
/** 播放器 end */
/* 面包屑容器 -----------------------------start */
/* 面包屑容器 */
.breadcrumb {
font-family: Arial, sans-serif;
padding: 10px 15px;
background-color: #f8f9fa;
border-radius: 5px;
/* margin: 10px 0; */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.detail-info-box .breadcrumb,
.video-play-page .breadcrumb {
background-color: transparent;
}
/* 有序列表样式 */
.breadcrumb ol {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
/* 面包屑项 */
.breadcrumb-item {
font-size: 14px;
color: #666;
}
/* 链接样式 */
.breadcrumb-item a {
text-decoration: none;
color: #007bff;
transition: color 0.3s ease;
}
.breadcrumb-item a:hover {
color: #0056b3;
text-decoration: underline;
}
/* 分隔符 */
.breadcrumb-item+.breadcrumb-item::before {
content: ">";
margin: 0 8px;
color: #999;
font-weight: bold;
}
/* 当前页面样式 */
.breadcrumb-item.active {
color: #333;
font-weight: bold;
}
/* 响应式调整 */
@media (max-width: 768px) {
.breadcrumb {
padding: 8px 10px;
}
.breadcrumb-item {
font-size: 12px;
}
.breadcrumb-item+.breadcrumb-item::before {
margin: 0 5px;
}
}
/* 面包屑容器 -----------------------------end */

145
code/public/template/videonunu/font/iconfont.css Normal file
View File

File diff suppressed because one or more lines are too long

BIN
code/public/template/videonunu/icon/dian-shi-ju.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
code/public/template/videonunu/icon/dian-ying.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
code/public/template/videonunu/icon/dong-man.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
code/public/template/videonunu/icon/duan-ju-da-quan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
code/public/template/videonunu/icon/icon_12.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
code/public/template/videonunu/icon/icon_24.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
code/public/template/videonunu/icon/icon_26.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
code/public/template/videonunu/icon/icon_27.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
code/public/template/videonunu/icon/icon_30.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
code/public/template/videonunu/icon/icon_6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
code/public/template/videonunu/icon/zong-yi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
code/public/template/videonunu/img/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
code/public/template/videonunu/img/load.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
code/public/template/videonunu/img/play.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

55
code/public/template/videonunu/js/history.js Normal file
View File

@@ -0,0 +1,55 @@
/*!
* Copyright 2016-2018 http://v.shoutu.cn
* Email 726662013@qq.com,admin@shoutu.cn
*/
$(document).ready(function($){
var recente=$.cookie("recente");
var len=0;
var canadd=true;
// $.cookie("recente",null,{expires:-1,path: '/'});
// alert(recente);
if(recente){
recente = eval("("+recente+")");
len=recente.length;
$(recente).each(function(){
if(vod_name==this.vod_name){ //已记录则修改
canadd=false;
var json="[";
$(recente).each(function(i){
var temp_name,temp_url,temp_part;
if(this.vod_name==vod_name){
temp_name=vod_name;
temp_url=vod_url;
temp_part=vod_part;
}else{
temp_name=this.vod_name;
temp_url=this.vod_url;
temp_part=this.vod_part;
}
json+="{\"vod_name\":\""+temp_name+"\",\"vod_url\":\""+temp_url+"\",\"vod_part\":\""+temp_part+"\"}";
if(i!=len-1)
json+=",";
})
json+="]";
$.cookie("recente",json,{path:"/",expires:(2)});
return false;
}
});
}
if(canadd){ //无记录则添加
var json="[";
var start=0;
var isfirst="]";
isfirst=!len?"]":",";
json+="{\"vod_name\":\""+vod_name+"\",\"vod_url\":\""+vod_url+"\",\"vod_part\":\""+vod_part+"\"}"+isfirst;
if(len>9)
len-=1;
for(i=0;i<len-1;i++){
json+="{\"vod_name\":\""+recente[i].vod_name+"\",\"vod_url\":\""+recente[i].vod_url+"\",\"vod_part\":\""+recente[i].vod_part+"\"},";
}
if(len>0){
json+="{\"vod_name\":\""+recente[len-1].vod_name+"\",\"vod_url\":\""+recente[len-1].vod_url+"\",\"vod_part\":\""+recente[len-1].vod_part+"\"}]";
}
$.cookie("recente",json,{path:"/",expires:(2)});
}
})

773
code/public/template/videonunu/js/home.js Normal file
View File

@@ -0,0 +1,773 @@
String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); }
String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); }
var base64EncodeChars="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";var base64DecodeChars=new Array(-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,62,-1,-1,-1,63,52,53,54,55,56,57,58,59,60,61,-1,-1,-1,-1,-1,-1,-1,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,-1,-1,-1,-1,-1,-1,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,-1,-1,-1,-1,-1);function base64encode(str){var out,i,len;var c1,c2,c3;len=str.length;i=0;out="";while(i<len){c1=str.charCodeAt(i++)&0xff;if(i==len){out+=base64EncodeChars.charAt(c1>>2);out+=base64EncodeChars.charAt((c1&0x3)<<4);out+="==";break}c2=str.charCodeAt(i++);if(i==len){out+=base64EncodeChars.charAt(c1>>2);out+=base64EncodeChars.charAt(((c1&0x3)<<4)|((c2&0xF0)>>4));out+=base64EncodeChars.charAt((c2&0xF)<<2);out+="=";break}c3=str.charCodeAt(i++);out+=base64EncodeChars.charAt(c1>>2);out+=base64EncodeChars.charAt(((c1&0x3)<<4)|((c2&0xF0)>>4));out+=base64EncodeChars.charAt(((c2&0xF)<<2)|((c3&0xC0)>>6));out+=base64EncodeChars.charAt(c3&0x3F)}return out}function base64decode(str){var c1,c2,c3,c4;var i,len,out;len=str.length;i=0;out="";while(i<len){do{c1=base64DecodeChars[str.charCodeAt(i++)&0xff]}while(i<len&&c1==-1);if(c1==-1)break;do{c2=base64DecodeChars[str.charCodeAt(i++)&0xff]}while(i<len&&c2==-1);if(c2==-1)break;out+=String.fromCharCode((c1<<2)|((c2&0x30)>>4));do{c3=str.charCodeAt(i++)&0xff;if(c3==61)return out;c3=base64DecodeChars[c3]}while(i<len&&c3==-1);if(c3==-1)break;out+=String.fromCharCode(((c2&0XF)<<4)|((c3&0x3C)>>2));do{c4=str.charCodeAt(i++)&0xff;if(c4==61)return out;c4=base64DecodeChars[c4]}while(i<len&&c4==-1);if(c4==-1)break;out+=String.fromCharCode(((c3&0x03)<<6)|c4)}return out}function utf16to8(str){var out,i,len,c;out="";len=str.length;for(i=0;i<len;i++){c=str.charCodeAt(i);if((c>=0x0001)&&(c<=0x007F)){out+=str.charAt(i)}else if(c>0x07FF){out+=String.fromCharCode(0xE0|((c>>12)&0x0F));out+=String.fromCharCode(0x80|((c>>6)&0x3F));out+=String.fromCharCode(0x80|((c>>0)&0x3F))}else{out+=String.fromCharCode(0xC0|((c>>6)&0x1F));out+=String.fromCharCode(0x80|((c>>0)&0x3F))}}return out}function utf8to16(str){var out,i,len,c;var char2,char3;out="";len=str.length;i=0;while(i<len){c=str.charCodeAt(i++);switch(c>>4){case 0:case 1:case 2:case 3:case 4:case 5:case 6:case 7:out+=str.charAt(i-1);break;case 12:case 13:char2=str.charCodeAt(i++);out+=String.fromCharCode(((c&0x1F)<<6)|(char2&0x3F));break;case 14:char2=str.charCodeAt(i++);char3=str.charCodeAt(i++);out+=String.fromCharCode(((c&0x0F)<<12)|((char2&0x3F)<<6)|((char3&0x3F)<<0));break}}return out}
var MAC={
'Url': document.URL,
'Title': document.title,
'UserAgent' : function(){
var ua = navigator.userAgent;//navigator.appVersion
return {
'mobile': !!ua.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
'ios': !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
'android': ua.indexOf('Android') > -1 || ua.indexOf('Linux') > -1, //android终端或者uc浏览器
'iPhone': ua.indexOf('iPhone') > -1 || ua.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
'iPad': ua.indexOf('iPad') > -1, //是否iPad
'trident': ua.indexOf('Trident') > -1, //IE内核
'presto': ua.indexOf('Presto') > -1, //opera内核
'webKit': ua.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
'gecko': ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') == -1, //火狐内核
'weixin': ua.indexOf('MicroMessenger') > -1 //是否微信 ua.match(/MicroMessenger/i) == "micromessenger",
};
}(),
'Copy': function(s){
if (window.clipboardData){ window.clipboardData.setData("Text",s); }
else{
if( $("#mac_flash_copy").get(0) ==undefined ){ $('<div id="mac_flash_copy"></div>'); } else {$('#mac_flash_copy').html(''); }
$('#mac_flash_copy').html('<embed src='+SitePath+'"images/_clipboard.swf" FlashVars="clipboard='+escape(s)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>');
}
alert("复制成功")
},
'Home': function(o,u){
try{
o.style.behavior='url(#default#homepage)'; o.setHomePage(u);
}
catch(e){
if(window.netscape){
try{netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");}
catch(e){ alert("此操作被浏览器拒绝！请手动设置");}
var moz = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
moz.setCharPref('browser.startup.homepage',u);
}
}
},
'Fav': function(u,s){
try{ window.external.addFavorite(u, s);}
catch (e){
try{window.sidebar.addPanel(s, u, "");}catch (e){ alert("加入收藏出错，请使用键盘Ctrl+D进行添加"); }
}
},
'Open': function(u,w,h){
window.open(u,'macopen1','toolbars=0, scrollbars=0, location=0, statusbars=0,menubars=0,resizable=yes,width='+w+',height='+h+'');
},
'Cookie': {
'Set': function(name,value,days){
var exp = new Date();
exp.setTime(exp.getTime() + days*24*60*60*1000);
var arr=document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
document.cookie=name+"="+encodeURIComponent(value)+";path=/;expires="+exp.toUTCString();
},
'Get': function(name){
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr != null){ return decodeURIComponent(arr[2]); return null; }
},
'Del': function(name){
var exp = new Date();
exp.setTime(exp.getTime()-1);
var cval = this.Get(name);
if(cval != null){ document.cookie = name+"="+encodeURIComponent(cval)+";path=/;expires="+exp.toUTCString(); }
}
},
'GoBack':function(){
var ldghost=document.domain;
if(document.referrer.indexOf(ldghost)>0) {
history.back();
}
else{
window.location ="http://"+ldghost;
}
},
'Adaptive':function(){
if(maccms.mob_status=='1'&& maccms.url != maccms.wapurl){
if(document.domain ==maccms.url && MAC.UserAgent.mobile){
location.href = location.href.replace(maccms.url,maccms.wapurl);
}
else if(document.domain ==maccms.wapurl && !MAC.UserAgent.mobile){
location.href = location.href.replace(maccms.wapurl,maccms.url);
}
}
},
'CheckBox':{
'All':function(n){
$("input[name='"+n+"']").each(function() {
this.checked = true;
});
},
'Other':function(n){
$("input[name='"+n+"']").each(function() {
this.checked = !this.checked;
});
},
'Count':function(n){
var res=0;
$("input[name='"+n+"']").each(function() {
if(this.checked){ res++; }
});
return res;
},
'Ids':function(n){
var res=[];
$("input[name='"+n+"']").each(function() {
if(this.checked){ res.push(this.value); }
});
return res.join(",");
}
},
'Qrcode':function(){
$('.mac_qrcode').attr('src','//api.maccms.com/qrcode/?w=150&h=150&url=' + MAC.Url);
},
'Image':{
'Lazyload':{
'Show': function(){
try { $("img.lazy").lazyload(); }catch(e){};
},
'Box': function($id){
$("img.lazy").lazyload({
container: $("#"+$id)
});
}
}
},
'Verify': {
'Init': function(){
MAC.Verify.Focus();
MAC.Verify.Click();
},
'Focus': function(){//验证码框焦点
$('body').on("focus", ".mac_verify", function(){
$(this).removeClass('mac_verify').after(MAC.Verify.Show());
$(this).unbind();
});
},
'Click': function(){//点击刷新
$('body').on('click', 'img.mac_verify_img', function(){
$(this).attr('src', maccms.path +'/index.php/verify/index.html?');
});
},
'Refresh':function(){
$('.mac_verify_img').attr('src', maccms.path +'/index.php/verify/index.html?');
},
'Show':function(){
return '<img class="mac_verify_img" src="'+ maccms.path +'/index.php/verify/index.html?" title="看不清楚? 换一张！">';
}
},
'PageGo':{
'Init':function() {
$('.mac_page_go').click(function () {
var that =$(this);
var url = that.attr('data-url');
var total = that.attr('data-total');
var sp = that.attr('data-sp');
var page= $('#page').val();
if(page>0&&(page<=total)){
url=url.replace(sp + 'PAGELINK',page).replace('PAGELINK',page);
location.href=url;
}
return false;
});
}
},
'Hits': {
'Init':function() {
if($('.mac_hits').length==0){
return;
}
var $that = $(".mac_hits");
$.ajax({
type: 'get',
url: maccms.path + '/index.php/ajax/hits?mid='+$that.attr("data-mid")+'&id='+$that.attr("data-id")+'&type=update',
timeout: 5000,
dataType: 'json',
error: function () {
},
success: function (json) {
if (json.code == 1) {
$(".mac_hits").each(function(i){
$type = $(".mac_hits").eq(i).attr('data-type');
if($type != 'insert'){
$('.'+$type).html(eval('(json.data.' + $type + ')'));
}
});
}
}
});
}
},
'Score': {
'Init':function(){
if($('.mac_score').length==0){
return;
}
$('body').on('click', '.score_btn', function(e){
MAC.Score.Submit();
});
$.ajax({
type: 'post',
url: maccms.path+'/index.php/ajax/score?mid='+ $('.mac_score').attr('data-mid') +'&id=' +$('.mac_score').attr('data-id'),
timeout: 5000,
error: function(){
$(".mac_score").html('评分加载失败');
},
success: function($r){
MAC.Score.View($r);
}
});
},
'Submit':function(){
var $s = $('.mac_score').find("input[name='score']").val();
$.ajax({
type: 'post',
url: maccms.path+'/index.php/ajax/score?mid='+$('.mac_score').attr('data-mid')+'&id='+$('.mac_score').attr('data-id') + '&score='+ $s,
timeout: 5000,
error: function(){
},
success: function($r){
alert($r.msg)
if($r.code==1){
MAC.Score.View($r);
}
}
});
},
'View':function($r){
$(".rating"+Math.floor($r.data.score)).attr('checked',true);
$(".score_num").text( $r.data.score_num );
$(".score_all").text( $r.data.score_all );
$(".score_pjf").text( $r.data.score );
}
},
'Star': {
'Init':function(){
if($('.mac_star').length==0){
return;
}
$('.mac_star').raty({
starType: 'i',
number: 5,
numberMax : 5,
half: true,
score : function(){
return $(this).attr('data-score');
},
click: function(score, evt) {
$.ajax({
type: 'get',
url: maccms.path+'/index.php/ajax/score?mid='+$('.mac_star').attr('data-mid')+'&id='+$('.mac_star').attr('data-id')+'&score='+(score*2),
timeout: 5000,
dataType:'json',
error: function(){
$('.star_box').attr('title', '网络异常！');
},
success: function(json){
if(json.status == 1){
$('.star_tips').html(json.data.score);
}else{
$('.star_box').attr('title', json.msg);
}
}
});
}
});
}
},
'Digg': {
'Init':function(){
$('body').on('click', '.digg_link', function(e){
var $that = $(this);
if($that.attr("data-id")){
$.ajax({
url: maccms.path + '/index.php/ajax/digg.html?mid='+$that.attr("data-mid")+'&id='+$that.attr("data-id")+'&type='+$that.attr("data-type"),
cache: false,
dataType: 'json',
success: function($r){
$that.addClass('disabled');
if($r.code == 1){
if($that.attr("data-type")=='up'){
$that.find('.digg_num').html($r.data.up);
}
else{
$that.find('.digg_num').html($r.data.down);
}
}
else{
$that.attr('title', $r.msg);
}
}
});
}
});
}
},
'Gbook':{
'Login':0,
'Verify':0,
'Init':function(){
$('body').on('keyup', '.gbook_content', function(e){
MAC.Remaining($(this),200,'.gbook_remaining')
});
$('body').on('focus', '.gbook_content', function(e){
if(MAC.Gbook.Login==1 && MAC.User.IsLogin!=1){
MAC.User.Login();
}
});
$('body').on('click', '.gbook_submit', function(e){
MAC.Gbook.Submit();
});
},
'Show':function($page){
$.ajax({
type: 'post',
url: maccms.path+'/index.php/gbook/index?page='+$page,
timeout: 3000,
error: function(){
$(".mac_gbook_box").html('留言加载失败，请刷新...');
},
success:function($html){
$(".mac_gbook_box").html($html);
}
});
},
'Submit':function(){
if($(".gbook_content").val() == ''){
alert("请输入留言内容");
return false;
}
$.ajax({
type: 'post',
url: maccms.path + '/index.php/gbook/saveData',
data: $('.gbook_form').serialize(),
success:function($r){
alert($r.msg);
if($r.code == 1){
location.reload();
}
else{
if(MAC.Gbook.Verify==1){
MAC.Verify.Refresh();
}
}
}
});
},
'Report':function(name){
MAC.Pop.Show('#modal-seport',maccms.path+'/index.php/gbook/report?name=' + encodeURIComponent(name),function($r){
$('body').on('click', '#gbook_submit', function(e){
MAC.Gbook.Submit();
});
});
}
},
'Search':{
'Init':function(){
$('.mac_search').click(function(){
var that=$(this);
var url = that.attr('data-href') ? that.attr('data-href') : maccms.path + '/index.php/vod/search.html';
location.href = url + '?wd='+ encodeURIComponent($("#wd").val());
});
},
'Submit':function(){
return false;
}
},
'Suggest':{
'Init':function($obj,$mid,$jumpurl){
try {
$($obj).autocomplete(maccms.path + '/index.php/ajax/suggest?mid=' + $mid, {
inputClass: "mac_input",
resultsClass: "mac_results",
loadingClass: "mac_loading",
width: 175, scrollHeight: 300, minChars: 1, matchSubset: 1,
cacheLength: 10, multiple: false, matchContains: true, autoFill: false,
dataType: "json",
parse: function ($r) {
if ($r.code == 1) {
var parsed = [];
$.each($r['list'], function (index, row) {
row.url = $r.url;
parsed[index] = {
data: row
};
});
return parsed;
} else {
return {data: ''};
}
},
formatItem: function (row, i, max) {
return row.name;
},
formatResult: function (row, i, max) {
return row.text;
}
}).result(function (event, data, formatted) {
$($obj).val(data.name);
location.href = data.url.replace('mac_wd', encodeURIComponent(data.name));
});
}
catch(e){}
}
},
'Ulog':{
'Init':function(){
MAC.Ulog.Set();
MAC.Ulog.Click();
},
'Get':function(){
$.ajax({
url: maccms.path+'/index.php/user/ajax_ulog/?ac=list',
type:'GET',
cache: false,
dataType: 'json',
success: function($r){
if($r.code == 1){
$.each($r['list'],function(index,row){
alert(row.ulog_id);
});
}else{
}
}
});
},
'Set':function(){
if($(".mac_ulog_set").attr('data-mid')){
var $that = $(".mac_ulog_set");
$.get(maccms.path+'/index.php/user/ajax_ulog/?ac=set&mid='+$that.attr("data-mid")+'&id='+$that.attr("data-id")+'&sid='+$that.attr("data-sid")+'&nid='+$that.attr("data-nid")+'&type='+$that.attr("data-type"));
}
},
'Click':function(){
$('body').on('click', 'a.mac_ulog', function(e){
//是否需要验证登录
if(MAC.User.IsLogin == 0){
MAC.User.Login();
return;
}
var $that = $(this);
if($that.attr("data-id")){
$.ajax({
url: maccms.path+'/index.php/user/ajax_ulog/?ac=set&mid='+$that.attr("data-mid")+'&id='+$that.attr("data-id")+'&type='+$that.attr("data-type"),
cache: false,
dataType: 'json',
success: function($r){
alert($r.msg);
if($r.code == 1){
$that.addClass('disabled');
}else{
$that.attr('title', $r.msg);
}
}
});
}
});
}
},
'User':{
'BoxShow':0,
'IsLogin':0,
'UserId':'',
'UserName':'',
'GroupId':'',
'GroupName':'',
'Portrait':'',
'Init':function(){
if($('.mac_user').length >0){
$('body').on('click', '.mac_user', function(e){
MAC.User.Login();
});
}
if(MAC.Cookie.Get('user_id') !=undefined && MAC.Cookie.Get('user_id')!=''){
var url = maccms.path + '/index.php/user';
MAC.User.UserId = MAC.Cookie.Get('user_id');
MAC.User.UserName = MAC.Cookie.Get('user_name');
MAC.User.GroupId = MAC.Cookie.Get('group_id');
MAC.User.GroupName = MAC.Cookie.Get('group_name');
MAC.User.Portrait = MAC.Cookie.Get('user_portrait');
MAC.User.IsLogin = 1;
$('.mac_user').removeClass('mac_user').attr('href',url);
$('.user_name').show().find('.name').text(MAC.User.UserName);
$('.user_url').show().attr('href',url);
$('.user_img').show().attr('src',MAC.User.Portrait);
}
else{
}
},
'CheckLogin':function(){
if(MAC.User.IsLogin == 0){
MAC.User.Login();
}
},
'Login':function(){
var ac='ajax_login';
if(MAC.Cookie.Get('user_id') !=undefined && MAC.Cookie.Get('user_id')!=''){
ac= 'ajax_info';
}
MAC.Pop.Show('#modal-login',maccms.path+'/index.php/user/'+ac,function($r){
$('body').on('click', '#login_form_submit', function(e){
$.ajax({
type: 'POST',
url: maccms.path + '/index.php/user/login',
data: $('.mac_login_form').serialize(),
success:function($r){
if($r.code == 1){
location.reload();
}
}
});
});
});
},
'Logout':function(){
$.ajax({
type: 'post',
url: maccms.path + '/index.php/user/logout',
success:function($r){
alert($r.msg)
if($r.code == 1){
location.reload();
}
}
});
},
'PopedomCallBack':function(trysee,h) {
window.setTimeout(function(){
$(window.frames["player_if"].document).find(".MacPlayer").html(h);
},1000*60*trysee);
},
'BuyPopedom':function(o){
var $that = $(o);
if($that.attr("data-id")){
if (confirm('您确认购买此条数据播放权限吗？')) {
$.ajax({
url: maccms.path + '/index.php/user/ajax_buy_popedom.html?id=' + $that.attr("data-id") + '&sid=' + $that.attr("data-sid") + '&nid=' + $that.attr("data-nid") + '&type=' + $that.attr("data-type"),
cache: false,
dataType: 'json',
success: function ($r) {
$that.addClass('disabled');
alert($r.msg)
if ($r.code == 1) {
top.location.reload();
}
},
complete: function () {
$that.removeClass('disabled');
}
});
}
}
}
},
'Pop':{
'Show':function($modalid,$url,$callback) {
$.ajax({
type: 'post',
url: $url,
timeout: 3000,
error: function(){
$('body').append(alert("加载失败，请刷新"));
},
success:function($r){
$('body').append($r);
$($modalid).modal('show');
$('.MacPlayer').hide();
$($modalid).on('hide.bs.modal', function () {
$('.MacPlayer').show();
})
$callback($r);
}
});
}
},
'AdsWrap':function(w,h,n){
document.writeln('<img width="'+w+'" height="'+h+'" alt="'+n+'" style="background-color: #CCCCCC" />');
},
'Css':function($url){
$("<link>").attr({ rel: "stylesheet",type: "text/css",href: $url}).appendTo("head");
},
'Js':function($url){
$.getScript($url, function(response, status) {
});
},
'Desktop':function(s){
location.href= maccms.path + '/index.php/ajax/desktop?name='+encodeURI(s)+'&url=' + encodeURI(location.href);
},
'Timming':function(){
},
'Error':function(tab,id,name){
},
'AddEm':function(obj,i){
var oldtext = $(obj).val();
$(obj).val( oldtext + '[em:' + i +']' );
},
'Remaining':function(obj,len,show){
var count = len - $(obj).val().length;
if(count < 0){
count = 0;
$(obj).val($(obj).val().substr(0,200));
}
$(show).text(count);
},
'Comment':{
'Login':0,
'Verify':0,
'Init':function(){
$('body').on('click', '.comment_face_box img', function(e){
var obj = $(this).parent().parent().parent().find('.comment_content');
MAC.AddEm(obj,$(this).attr('data-id'));
});
$('body').on('click', '.comment_face_panel', function(e){
// $('.comment_face_box').toggle();
$(this).parent().find('.comment_face_box').toggle();
});
$('body').on('keyup', '.comment_content', function(e){
var obj = $(this).parent().parent().parent().parent().find('.comment_remaining');
MAC.Remaining($(this),200,obj)
});
$('body').on('focus', '.comment_content', function(e){
if(MAC.Comment.Login==1 && MAC.User.IsLogin!=1){
MAC.User.Login();
}
});
$('body').on('click', '.comment_report', function(e){
var $that = $(this);
if($(this).attr("data-id")){
$.ajax({
url: maccms.path + '/index.php/comment/report.html?id='+$that.attr("data-id"),
cache: false,
dataType: 'json',
success: function($r){
$that.addClass('disabled');
alert($r.msg)
if($r.code == 1){
}
}
});
}
});
$('body').on('click', '.comment_reply', function(e){
var $that = $(this);
if($that.attr("data-id")){
var str = $that.html();
$('.comment_reply_form').remove();
if (str == '取消回复') {
$that.html('回复');
return false;
}
if (str == '回复') {
$('.comment_reply').html('回复');
}
var html = $('.comment_form').prop("outerHTML");
var oo = $(html);
oo.addClass('comment_reply_form');
oo.find('input[name="comment_pid"]').val( $that.attr("data-id") );
$that.parent().after(oo);
$that.html('取消回复');
}
});
$('body').on('click', '.comment_submit', function(e){
var $that = $(this);
MAC.Comment.Submit($that);
});
},
'Show':function($page){
if($(".mac_comment").length>0){
$.ajax({
type: 'get',
url: maccms.path + '/index.php/comment/ajax.html?rid='+$('.mac_comment').attr('data-id')+'&mid='+ $('.mac_comment').attr('data-mid') +'&page='+$page,
timeout: 5000,
error: function(){
$(".mac_comment").html('评论加载失败，请刷新...');
},
success:function($r){
$(".mac_comment").html($r);
}
});
}
},
'Reply':function($o){
},
'Submit':function($o){
var form = $o.parents('form');
if($(form).find(".comment_content").val() == ''){
alert("请输入您的评论！")
return false;
}
if($('.mac_comment').attr('data-mid') == ''){
alert("模块mid错误！")
return false;
}
if($('.mac_comment').attr('data-id') == ''){
alert("关联id错误！")
return false;
}
$.ajax({
type: 'post',
url: maccms.path + '/index.php/comment/saveData',
data: $(form).serialize() + '&comment_mid='+ $('.mac_comment').attr('data-mid') + '&comment_rid=' + $('.mac_comment').attr('data-id'),
success:function($r){
alert($r.msg)
if($r.code == 1){
MAC.Comment.Show(1);
}
else{
if(MAC.Comment.Verify==1){
MAC.Verify.Refresh();
}
}
}
});
}
}
}
$(function(){
//自动跳转手机和pc网页地址
MAC.Adaptive();
//验证码初始化
MAC.Verify.Init();
//分页跳转初始化
MAC.PageGo.Init();
//用户部分初始化
MAC.User.Init();
//顶和踩初始化
MAC.Digg.Init();
//评分初始化
MAC.Score.Init();
//星星评分初始化
MAC.Star.Init();
//点击数量
MAC.Hits.Init();
//历史记录初始化
MAC.Ulog.Init();
//联想搜索初始化
MAC.Suggest.Init('.mac_wd',1,'');
//定时任务初始化
MAC.Timming();
});

665
code/public/template/videonunu/js/jquery.autocomplete.js Normal file
View File

@@ -0,0 +1,665 @@
/*
* jQuery Autocomplete plugin 1.1
*
* Copyright (c) 2009 Jörn Zaefferer
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* Revision: $Id: jquery.autocomplete.js 15 2009-08-22 10:30:27Z joern.zaefferer $
*/;
$.browser = navigator.userAgent;
(function($) {
$.fn.extend({
autocomplete: function(urlOrData, options) {
var isUrl = typeof urlOrData == "string";
options = $.extend({}, $.Autocompleter.defaults, {
url: isUrl ? urlOrData : null,
data: isUrl ? null : urlOrData,
delay: isUrl ? $.Autocompleter.defaults.delay : 10,
max: options && !options.scroll ? 10 : 150
}, options);
options.highlight = options.highlight ||
function(value) {
return value;
};
options.formatMatch = options.formatMatch || options.formatItem;
return this.each(function() {
new $.Autocompleter(this, options);
});
},
result: function(handler) {
return this.bind("result", handler);
},
search: function(handler) {
return this.trigger("search", [handler]);
},
flushCache: function() {
return this.trigger("flushCache");
},
setOptions: function(options) {
return this.trigger("setOptions", [options]);
},
unautocomplete: function() {
return this.trigger("unautocomplete");
}
});
$.Autocompleter = function(input, options) {
var KEY = {
UP: 38,
DOWN: 40,
DEL: 46,
TAB: 9,
RETURN: 13,
ESC: 27,
COMMA: 188,
PAGEUP: 33,
PAGEDOWN: 34,
BACKSPACE: 8
};
var $input = $(input).attr("autocomplete", "off").addClass(options.inputClass);
var timeout;
var previousValue = "";
var cache = $.Autocompleter.Cache(options);
var hasFocus = 0;
var lastKeyPressCode;
var config = {
mouseDownOnSelect: false
};
var select = $.Autocompleter.Select(options, input, selectCurrent, config);
var blockSubmit;
$.browser.opera && $(input.form).bind("submit.autocomplete", function() {
if (blockSubmit) {
blockSubmit = false;
return false;
}
});
$input.bind(($.browser.opera ? "keypress" : "keydown") + ".autocomplete", function(event) {
hasFocus = 1;
lastKeyPressCode = event.keyCode;
switch (event.keyCode) {
case KEY.UP:
event.preventDefault();
if (select.visible()) {
select.prev();
} else {
onChange(0, true);
}
break;
case KEY.DOWN:
event.preventDefault();
if (select.visible()) {
select.next();
} else {
onChange(0, true);
}
break;
case KEY.PAGEUP:
event.preventDefault();
if (select.visible()) {
select.pageUp();
} else {
onChange(0, true);
}
break;
case KEY.PAGEDOWN:
event.preventDefault();
if (select.visible()) {
select.pageDown();
} else {
onChange(0, true);
}
break;
case options.multiple && $.trim(options.multipleSeparator) == "," && KEY.COMMA:
case KEY.TAB:
if( selectCurrent() ) {
// stop default to prevent a form submit, Opera needs special handling
event.preventDefault();
blockSubmit = true;
return false;
}
break;
case KEY.RETURN:
clearTimeout(timeout);
timeout = setTimeout(onChange, options.delay);
break;
case KEY.ESC:
select.hide();
break;
default:
clearTimeout(timeout);
timeout = setTimeout(onChange, options.delay);
break;
}
}).focus(function() {
hasFocus++;
}).blur(function() {
hasFocus = 0;
if (!config.mouseDownOnSelect) {
hideResults();
}
}).click(function() {
if (hasFocus++ > 1 && !select.visible()) {
onChange(0, true);
}
}).bind("search", function() {
var fn = (arguments.length > 1) ? arguments[1] : null;
function findValueCallback(q, data) {
var result;
if (data && data.length) {
for (var i = 0; i < data.length; i++) {
if (data[i].result.toLowerCase() == q.toLowerCase()) {
result = data[i];
break;
}
}
}
if (typeof fn == "function") fn(result);
else $input.trigger("result", result && [result.data, result.value]);
}
$.each(trimWords($input.val()), function(i, value) {
request(value, findValueCallback, findValueCallback);
});
}).bind("flushCache", function() {
cache.flush();
}).bind("setOptions", function() {
$.extend(options, arguments[1]);
if ("data" in arguments[1]) cache.populate();
}).bind("unautocomplete", function() {
select.unbind();
$input.unbind();
$(input.form).unbind(".autocomplete");
});
function selectCurrent() {
var selected = select.selected();
if (!selected) return false;
var v = selected.result;
previousValue = v;
if (options.multiple) {
var words = trimWords($input.val());
if (words.length > 1) {
var seperator = options.multipleSeparator.length;
var cursorAt = $(input).selection().start;
var wordAt, progress = 0;
$.each(words, function(i, word) {
progress += word.length;
if (cursorAt <= progress) {
wordAt = i;
return false;
}
progress += seperator;
});
words[wordAt] = v;
v = words.join(options.multipleSeparator);
}
v += options.multipleSeparator;
}
$input.val(v);
hideResultsNow();
$input.trigger("result", [selected.data, selected.value]);
return true;
}
function onChange(crap, skipPrevCheck) {
if (lastKeyPressCode == KEY.DEL) {
select.hide();
return;
}
var currentValue = $input.val();
if (!skipPrevCheck && currentValue == previousValue) return;
previousValue = currentValue;
currentValue = lastWord(currentValue);
if (currentValue.length >= options.minChars) {
$input.addClass(options.loadingClass);
if (!options.matchCase) currentValue = currentValue.toLowerCase();
request(currentValue, receiveData, hideResultsNow);
} else {
stopLoading();
select.hide();
}
};
function trimWords(value) {
if (!value) return [""];
if (!options.multiple) return [$.trim(value)];
return $.map(value.split(options.multipleSeparator), function(word) {
return $.trim(value).length ? $.trim(word) : null;
});
}
function lastWord(value) {
if (!options.multiple) return value;
var words = trimWords(value);
if (words.length == 1) return words[0];
var cursorAt = $(input).selection().start;
if (cursorAt == value.length) {
words = trimWords(value)
} else {
words = trimWords(value.replace(value.substring(cursorAt), ""));
}
return words[words.length - 1];
}
function autoFill(q, sValue) {
if (options.autoFill && (lastWord($input.val()).toLowerCase() == q.toLowerCase()) && lastKeyPressCode != KEY.BACKSPACE) {
$input.val($input.val() + sValue.substring(lastWord(previousValue).length));
$(input).selection(previousValue.length, previousValue.length + sValue.length);
}
};
function hideResults() {
clearTimeout(timeout);
timeout = setTimeout(hideResultsNow, 200);
};
function hideResultsNow() {
var wasVisible = select.visible();
select.hide();
clearTimeout(timeout);
stopLoading();
if (options.mustMatch) {
$input.search(function(result) {
if (!result) {
if (options.multiple) {
var words = trimWords($input.val()).slice(0, -1);
$input.val(words.join(options.multipleSeparator) + (words.length ? options.multipleSeparator : ""));
} else {
$input.val("");
$input.trigger("result", null);
}
}
});
}
};
function receiveData(q, data) {
if (data && data.length && hasFocus) {
stopLoading();
select.display(data, q);
autoFill(q, data[0].value);
select.show();
} else {
hideResultsNow();
}
};
function request(term, success, failure) {
if (!options.matchCase) term = term.toLowerCase();
var data = cache.load(term);
if (data && data.length) {
success(term, data);
} else if ((typeof options.url == "string") && (options.url.length > 0)) {
var extraParams = {
timestamp: +new Date()
};
$.each(options.extraParams, function(key, param) {
extraParams[key] = typeof param == "function" ? param() : param;
});
$.ajax({
mode: "abort",
port: "autocomplete" + input.name,
dataType: options.dataType,
url: options.url,
data: $.extend({
wd: lastWord(term),
limit: options.max
}, extraParams),
success: function(data) {
var parsed = options.parse && options.parse(data) || parse(data);
cache.add(term, parsed);
success(term, parsed);
}
});
} else {
select.emptyList();
failure(term);
}
};
function parse(data) {
var parsed = [];
var rows = data.split("\n");
for (var i = 0; i < rows.length; i++) {
var row = $.trim(rows[i]);
if (row) {
row = row.split("|");
parsed[parsed.length] = {
data: row,
value: row[0],
result: options.formatResult && options.formatResult(row, row[0]) || row[0]
};
}
}
return parsed;
};
function stopLoading() {
$input.removeClass(options.loadingClass);
};
};
$.Autocompleter.defaults = {
inputClass: "ac_input",
resultsClass: "ac_results",
loadingClass: "ac_loading",
minChars: 1,
delay: 400,
matchCase: false,
matchSubset: true,
matchContains: false,
cacheLength: 10,
max: 100,
mustMatch: false,
extraParams: {},
selectFirst: true,
formatItem: function(row) {
return row[0];
},
formatMatch: null,
autoFill: false,
width: 0,
multiple: false,
multipleSeparator: ", ",
highlight: function(value, term) {
return value.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1") + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>");
},
scroll: true,
scrollHeight: 180
};
$.Autocompleter.Cache = function(options) {
var data = {};
var length = 0;
function matchSubset(s, sub) {
if (!options.matchCase) s = s.toLowerCase();
var i = s.indexOf(sub);
if (options.matchContains == "word") {
i = s.toLowerCase().search("\\b" + sub.toLowerCase());
}
if (i == -1) return false;
return i == 0 || options.matchContains;
};
function add(q, value) {
if (length > options.cacheLength) {
flush();
}
if (!data[q]) {
length++;
}
data[q] = value;
}
function populate() {
if (!options.data) return false;
var stMatchSets = {},
nullData = 0;
if (!options.url) options.cacheLength = 1;
stMatchSets[""] = [];
for (var i = 0, ol = options.data.length; i < ol; i++) {
var rawValue = options.data[i];
rawValue = (typeof rawValue == "string") ? [rawValue] : rawValue;
var value = options.formatMatch(rawValue, i + 1, options.data.length);
if (value === false) continue;
var firstChar = value.charAt(0).toLowerCase();
if (!stMatchSets[firstChar]) stMatchSets[firstChar] = [];
var row = {
value: value,
data: rawValue,
result: options.formatResult && options.formatResult(rawValue) || value
};
stMatchSets[firstChar].push(row);
if (nullData++ < options.max) {
stMatchSets[""].push(row);
}
};
$.each(stMatchSets, function(i, value) {
options.cacheLength++;
add(i, value);
});
}
setTimeout(populate, 25);
function flush() {
data = {};
length = 0;
}
return {
flush: flush,
add: add,
populate: populate,
load: function(q) {
if (!options.cacheLength || !length) return null;
if (!options.url && options.matchContains) {
var csub = [];
for (var k in data) {
if (k.length > 0) {
var c = data[k];
$.each(c, function(i, x) {
if (matchSubset(x.value, q)) {
csub.push(x);
}
});
}
}
return csub;
} else if (data[q]) {
return data[q];
} else if (options.matchSubset) {
for (var i = q.length - 1; i >= options.minChars; i--) {
var c = data[q.substr(0, i)];
if (c) {
var csub = [];
$.each(c, function(i, x) {
if (matchSubset(x.value, q)) {
csub[csub.length] = x;
}
});
return csub;
}
}
}
return null;
}
};
};
$.Autocompleter.Select = function(options, input, select, config) {
var CLASSES = {
ACTIVE: "ac_over"
};
var listItems, active = -1,
data, term = "",
needsInit = true,
element, list;
function init() {
if (!needsInit) return;
element = $("<div/>").hide().addClass(options.resultsClass).css("position", "absolute").appendTo(document.body);
list = $("<ul/>").appendTo(element).mouseover(function(event) {
if (target(event).nodeName && target(event).nodeName.toUpperCase() == 'LI') {
active = $("li", list).removeClass(CLASSES.ACTIVE).index(target(event));
$(target(event)).addClass(CLASSES.ACTIVE);
}
}).click(function(event) {
$(target(event)).addClass(CLASSES.ACTIVE);
select();
input.focus();
return false;
}).mousedown(function() {
config.mouseDownOnSelect = true;
}).mouseup(function() {
config.mouseDownOnSelect = false;
});
if (options.width > 0) element.css("width", options.width);
needsInit = false;
}
function target(event) {
var element = event.target;
while (element && element.tagName != "LI") element = element.parentNode;
if (!element) return [];
return element;
}
function moveSelect(step) {
listItems.slice(active, active + 1).removeClass(CLASSES.ACTIVE);
movePosition(step);
var activeItem = listItems.slice(active, active + 1).addClass(CLASSES.ACTIVE);
if (options.scroll) {
var offset = 0;
listItems.slice(0, active).each(function() {
offset += this.offsetHeight;
});
if ((offset + activeItem[0].offsetHeight - list.scrollTop()) > list[0].clientHeight) {
list.scrollTop(offset + activeItem[0].offsetHeight - list.innerHeight());
} else if (offset < list.scrollTop()) {
list.scrollTop(offset);
}
}
};
function movePosition(step) {
active += step;
if (active < 0) {
active = listItems.size() - 1;
} else if (active >= listItems.size()) {
active = 0;
}
}
function limitNumberOfItems(available) {
return options.max && options.max < available ? options.max : available;
}
function fillList() {
list.empty();
var max = limitNumberOfItems(data.length);
for (var i = 0; i < max; i++) {
if (!data[i]) continue;
var formatted = options.formatItem(data[i].data, i + 1, max, data[i].value, term);
if (formatted === false) continue;
var li = $("<li/>").html(options.highlight(formatted, term)).addClass(i % 2 == 0 ? "ac_even" : "ac_odd").appendTo(list)[0];
$.data(li, "ac_data", data[i]);
}
listItems = list.find("li");
if (options.selectFirst) {
listItems.slice(0, 1).addClass(CLASSES.ACTIVE);
active = 0;
}
if ($.fn.bgiframe) list.bgiframe();
}
return {
display: function(d, q) {
init();
data = d;
term = q;
fillList();
},
next: function() {
moveSelect(1);
},
prev: function() {
moveSelect(-1);
},
pageUp: function() {
if (active != 0 && active - 8 < 0) {
moveSelect(-active);
} else {
moveSelect(-8);
}
},
pageDown: function() {
if (active != listItems.size() - 1 && active + 8 > listItems.size()) {
moveSelect(listItems.size() - 1 - active);
} else {
moveSelect(8);
}
},
hide: function() {
element && element.hide();
listItems && listItems.removeClass(CLASSES.ACTIVE);
active = -1;
},
visible: function() {
return element && element.is(":visible");
},
current: function() {
return this.visible() && (listItems.filter("." + CLASSES.ACTIVE)[0] || options.selectFirst && listItems[0]);
},
show: function() {
var offset = $(input).offset();
element.css({
width: typeof options.width == "string" || options.width > 0 ? options.width : $(input).width(),
top: offset.top + input.offsetHeight,
left: offset.left
}).show();
if (options.scroll) {
list.scrollTop(0);
list.css({
maxHeight: options.scrollHeight,
overflow: 'auto'
});
if ($.browser.msie && typeof document.body.style.maxHeight === "undefined") {
var listHeight = 0;
listItems.each(function() {
listHeight += this.offsetHeight;
});
var scrollbarsVisible = listHeight > options.scrollHeight;
list.css('height', scrollbarsVisible ? options.scrollHeight : listHeight);
if (!scrollbarsVisible) {
listItems.width(list.width() - parseInt(listItems.css("padding-left")) - parseInt(listItems.css("padding-right")));
}
}
}
},
selected: function() {
var selected = listItems && listItems.filter("." + CLASSES.ACTIVE).removeClass(CLASSES.ACTIVE);
return selected && selected.length && $.data(selected[0], "ac_data");
},
emptyList: function() {
list && list.empty();
},
unbind: function() {
element && element.remove();
}
};
};
$.fn.selection = function(start, end) {
if (start !== undefined) {
return this.each(function() {
if (this.createTextRange) {
var selRange = this.createTextRange();
if (end === undefined || start == end) {
selRange.move("character", start);
selRange.select();
} else {
selRange.collapse(true);
selRange.moveStart("character", start);
selRange.moveEnd("character", end);
selRange.select();
}
} else if (this.setSelectionRange) {
this.setSelectionRange(start, end);
} else if (this.selectionStart) {
this.selectionStart = start;
this.selectionEnd = end;
}
});
}
var field = this[0];
if (field.createTextRange) {
var range = document.selection.createRange(),
orig = field.value,
teststring = "<->",
textLength = range.text.length;
range.text = teststring;
var caretAt = field.value.indexOf(teststring);
field.value = orig;
this.selection(caretAt, caretAt + textLength);
return {
start: caretAt,
end: caretAt + textLength
}
} else if (field.selectionStart !== undefined) {
return {
start: field.selectionStart,
end: field.selectionEnd
}
}
};
})(jQuery);

2
code/public/template/videonunu/js/jquery.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

309
code/public/template/videonunu/js/stui_block.js Normal file
View File

@@ -0,0 +1,309 @@
/*!
* v3.0 Copyright 2016-2018 http://v.shoutu.cn
* Email 726662013@qq.com
*/
if (window.console && window.console.log) {
}
var playerhigh = "1";
//是否开启播放器高度自适应，0关闭1开启（开启后将播放器设置100%关闭填写固定高度）
var lazyswitch = "1";
//是否开启图片懒加载，0关闭1开启（关闭后会通过js直接加载图片，速度较慢）
var playcolumn = "0";
//是否开启有序播放列表，0关闭，3、6、8、10、12开启并指定列数，数字代表每行列数，手机强制4列
var qrcode1 = "1";
//右侧悬浮二维码，1自动生成（当前页面二维码），填写路径将加载指定图片（建议尺寸150*150px）例：/statics/img/wxcode.png
var qrcode2 = "1";
//内容页二维码，1自动生成（当前页面二维码），填写路径将加载指定图片（建议尺寸160*160px）例：/statics/img/wxcode.png
var copyshort = "0"
//是否开启自动生成短链接，0关闭1开启（开启后点击分享按钮将会复制短链否则复制默认链接）
var baidushare = "";
//是否开启百度分享，0关闭，启用本地分享填写/statics/api/js/share.js，启用官网分享填写http://bdimg.share.baidu.com/static/api/js/share.js（不支持https）
var stui = {
'browser': {//浏览器
url: document.URL,
domain: document.domain,
title: document.title,
language: (navigator.browserLanguage || navigator.language).toLowerCase(),
canvas: function () {
return !!document.createElement("canvas").getContext
}(),
useragent: function () {
var a = navigator.userAgent;
return {
mobile: !!a.match(/AppleWebKit.*Mobile.*/),
ios: !!a.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
android: -1 < a.indexOf("Android") || -1 < a.indexOf("Linux"),
iPhone: -1 < a.indexOf("iPhone") || -1 < a.indexOf("Mac"),
iPad: -1 < a.indexOf("iPad"),
trident: -1 < a.indexOf("Trident"),
presto: -1 < a.indexOf("Presto"),
webKit: -1 < a.indexOf("AppleWebKit"),
gecko: -1 < a.indexOf("Gecko") && -1 == a.indexOf("KHTML"),
weixin: -1 < a.indexOf("MicroMessenger")
}
}()
},
'mobile': {//移动端
'popup': function () {
$popblock = $(".popup");
$(".open-popup").click(function () {
$popblock.addClass("popup-visible");
$("body").append('<div class="mask"></div>');
$(".close-popup").click(function () {
$popblock.removeClass("popup-visible");
$(".mask").remove();
$("body").removeClass("modal-open")
});
$(".mask").click(function () {
$popblock.removeClass("popup-visible");
$(this).remove();
$("body").removeClass("modal-open")
})
})
},
'slide': function () {
$(".type-slide").each(function (a) {
$index = $(this).find('.active').index() * 1;
if ($index > 3) {
$index = $index - 3;
} else {
$index = 0;
}
$(this).flickity({
cellAlign: 'left',
freeScroll: true,
contain: true,
prevNextButtons: false,
pageDots: false,
initialIndex: $index
});
})
},
'mshare': function () {
$(".open-share").click(function () {
stui.browser.useragent.weixin ? $("body").append('<div class="mobile-share share-weixin"></div>') : $("body").append('<div class="mobile-share share-other"></div>');
$(".mobile-share").click(function () {
$(".mobile-share").remove();
$("body").removeClass("modal-open")
})
})
}
},
'images': {//图片处理
'lazyload': function () {
if (lazyswitch == 1) {
$(".lazyload").lazyload({
effect: "fadeIn",
threshold: 200,
failurelimit: 15,
skip_invisible: false
})
} else {
$(".lazyload").each(function () {
var original = $(this).attr("data-original");
$(this).css("background-image", "url(" + original + ")");
$(this).attr("data-original", "");
if ($(this).attr("src") != undefined) {
$(this).attr("src", original)
}
});
}
},
'carousel': function () {
$('.carousel_default').flickity({
cellAlign: 'left',
contain: true,
wrapAround: true,
autoPlay: true,
prevNextButtons: false
});
$('.carousel_wide').flickity({
cellAlign: 'center',
contain: true,
wrapAround: true,
autoPlay: true
});
$('.carousel_center').flickity({
cellAlign: 'center',
contain: true,
wrapAround: true,
autoPlay: true,
prevNextButtons: false
});
$('.carousel_right').flickity({
cellAlign: 'left',
wrapAround: true,
contain: true,
pageDots: false
}); // 补上右括号和分号
},
'qrcode': function () {
if (qrcode1 == 1) {
if ($("#qrcode").length) {
var qrcode = new QRCode('qrcode', {
text: stui.browser.url,
width: 150,
height: 150,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H
});
$("#qrcode img").attr("class", "img-responsive")
}
} else {
if ($("#qrcode").length) {
$("#qrcode").append("<img class='img-responsive' src='" + qrcode1 + "' width='150' height='150' />")
}
}
if (qrcode2 == 1) {
if ($("#qrcode2").length) {
var qrcode = new QRCode('qrcode2', {
text: stui.browser.url,
width: 160,
height: 160,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H
});
$("#qrcode2 img").attr("class", "img-responsive").css("display", "inline-block");
}
} else {
if ($("#qrcode2").length) {
$("#qrcode2").append("<img class='img-responsive' src='" + qrcode2 + "' width='160' height='160' />")
}
}
}
},
'common': {//公共基础
'bootstrap': function () {
$('a[data-toggle="tab"]').on("shown.bs.tab", function (a) {
var b = $(a.target).text();
$(a.relatedTarget).text();
$("span.active-tab").html(b)
})
},
'headroom': function () {
if ($("#header-top").length) {
var header = document.querySelector("#header-top");
var headroom = new Headroom(header, {
tolerance: 5,
offset: 205,
classes: {
initial: "top-fixed",
pinned: "top-fixed-up",
unpinned: "top-fixed-down"
}
});
headroom.init();
}
},
'history': function () {
if ($("#stui_history").length) {
if ($.cookie("recente")) {
var json = eval("(" + $.cookie("recente") + ")");
var list = "";
for (i = 0; i < json.length; i++) {
list = list + "<li class='top-line'><a href='" + json[i].vod_url + "' title='" + json[i].vod_name + "'><span class='pull-right text-red'>" + json[i].vod_part + "</span>" + json[i].vod_name + "</a></li>";
}
$("#stui_history").append(list);
}
else
$("#stui_history").append("<p style='padding: 80px 0; text-align: center'>您还没有看过影片哦</p>");
$(".historyclean").on("click", function () {
$.cookie("recente", null, { expires: -1, path: '/' });
})
}
},
'collapse': function () {
if ($(".detail").length) {
$(".detail").find("a.detail-more").on("click", function () {
$(this).parent().find(".detail-sketch").addClass("hide");
$(this).parent().find(".detail-content").css("display", "");
$(this).remove();
})
}
},
'scrolltop': function () {
var a = $(window);
$scrollTopLink = $("a.backtop");
a.scroll(function () {
500 < $(this).scrollTop() ? $scrollTopLink.css("display", "") : $scrollTopLink.css("display", "none")
});
$scrollTopLink.on("click", function () {
$("html, body").animate({
scrollTop: 0
}, 400);
return !1
})
},
'copylink': function () {
if (copyshort == 1) {
if ($(".copylink").length) {
$.ajax({
type: 'GET',
url: 'https://api.weibo.com/2/short_url/shorten.json?source=2849184197&url_long=' + encodeURIComponent(stui.browser.url),
dataType: 'JSONP',
success: function (r) {
url_short = r.data.urls[0].url_short;
var clipboard = new Clipboard('.copylink', {
text: function () {
return url_short;
}
});
clipboard.on('success', function (e) {
alert("地址复制成功，赶快分享给小伙伴吧！");
});
}
});
}
} else {
if ($(".copylink").length) {
var url_short = stui.browser.url;
var clipboard = new Clipboard('.copylink', {
text: function () {
return url_short;
}
});
clipboard.on('success', function (e) {
alert("地址复制成功，赶快分享给小伙伴吧！");
});
}
}
},
'share': function () {
if (baidushare != 0) {
$(".share").html('<span class="bds_shere"></span><a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a class="bds_bdhome" data-cmd="bdhome" title="分享到百度新首页"></a><a class="bds_tqf" data-cmd="tqf" title="分享到腾讯朋友"></a><a class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记"></a><a class="bds_more" data-cmd="more" title="更多"></a>');
window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "24" }, "share": {} }; with (document) 0[(getElementsByTagName("head")[0] || body).appendChild(createElement('script')).src = '' + baidushare + '?cdnversion=' + ~(-new Date() / 36e5)];
}
}
}
};
$(document).ready(function () {
if (stui.browser.useragent.mobile) {
stui.mobile.slide();
stui.mobile.popup();
stui.mobile.mshare();
}
stui.images.lazyload();
stui.images.carousel();
stui.images.qrcode();
stui.common.bootstrap();
stui.common.headroom();
stui.common.history();
stui.common.collapse();
stui.common.scrolltop();
stui.common.copylink();
stui.common.share();
});

90
code/public/template/videonunu/js/stui_default.js Normal file
View File

File diff suppressed because one or more lines are too long