This commit is contained in:
make
2025-05-05 14:15:51 +08:00
parent 08650affb9
commit 9ae9e94f8a
5 changed files with 178 additions and 166 deletions

View File

@@ -17,10 +17,9 @@
<link href="/public/layer/need/layer.css" rel="stylesheet">
<link rel="stylesheet" href="/template/videodadi/font/iconfont.css" type="text/css">
<link rel="stylesheet" href="/template/videodadi/css/stui_block.css" type="text/css">
<link rel="stylesheet" href="/template/videodadi/css/stui_block_color.css" type="text/css">
<!-- <link rel="stylesheet" href="/template/videodadi/css/stui_block_color.css" type="text/css"> -->
<link rel="stylesheet" href="/template/videodadi/css/stui_default.css" type="text/css">
<link rel="stylesheet" href="/template/videodadi/css/mytheme-font.css" type="text/css">
<link rel="stylesheet" href="/template/videodadi/css/index.css" type="text/css">
<script>
const strPushApi = `{site:cfg code="PUSH_API_DOMAIN" encode="false"/}`;

View File

@@ -1,7 +1,11 @@
{extend name="base" /}
{block name="get-data"}
{video:list count="2" sort_type="tuijian" d_key="key" d_val="Video" cache_life="86400" export_name="arrVideoTuijian"}
{/video:list}
{site:grm page_code="h5_index" diff="0" num="100" g_key="arrGrm" /}
{/block}
{block name="title"}{site:replace code="VIDEO@INDEX@INDEX@TITLE"}{/block}
@@ -53,9 +57,9 @@
"@type": "ItemList",
"itemListElement": [
{video:list count="2" sort_type="tuijian" d_key="key" d_val="Video" cache_life="86400"}
{foreach $arrVideoTuijian as $key=>$Video }
{
"@type": "ListItem",
"@type": "ListItem{$Video.v_id}",
"position": {$key+=1},
"item": {
"@type": "TVSeries",
@@ -77,7 +81,7 @@
}
}
},
{/video:list}
{/foreach}
{video:list count="2" sort_type="tuijian" d_key="key" d_val="Video" cache_life="86400"}
{
@@ -145,9 +149,10 @@
</div>
</div>
<ul class="stui-vodlist clearfix">
{video:list count="2" sort_type="tuijian" d_key="d_key" d_val="Video" cache_life="86400"}
{foreach $arrVideoTuijian as $key=>$Video }
{include file="public/video-list-shu" /}
{/video:list}
{/foreach}
</ul>
<ul class="stui-vodlist__text col-pd clearfix hidden-xs">
{video:list count="2" sort_type="tuijian" d_key="d_key" d_val="Video" cache_life="86400"}

View File

@@ -1,29 +0,0 @@
@media (min-width:768px){
.cctv-hf-list-top{
display: none;
}
}
#firendlink {
border: 1px solid #DDD;
line-height: 22px;
width: 100%;
margin: 10px auto;
padding: 9px 0 9px 9px;
}
#firendlink a {
color: #548161;
display: inline-block;
margin: 0 9px 0 0;
}
.footer_cont{
margin: auto;
}
.footer_cont p {
text-align: center;
color: #B2B2B2;
line-height: 20px;
width: 100%;
}

View File

@@ -521,6 +521,144 @@ textarea.form-control{ height: auto;}
}
/**
stui_block_color.css start
*/
/*!
* Edition v3.0 Copyright 2016-2018 http://v.shoutu.cn
* Email 726662013@qq.com,admin@shoutu.cn
*/
@charset "utf-8";
/* all */
body{ background: #FFFFFF; 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;}
/* 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: #F8F8F8;}
.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{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{ background-color: #FF9900; color: #FFFFFF; border: 1px solid #FF9900;}
.stui-page-text a,.stui-page-text em,.stui-page-text span{background-color:#FFFFFF; border:1px solid #EEEEEE;}
.stui-page-text span.pagenow{background-color:#FF9900; color:#FFFFFF; border:1px solid #f80}
.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;}
}
/**
stui_block_color.css end
*/
.stui-screen__list {
display: flex; /* 使用 Flexbox 布局 */
@@ -594,6 +732,35 @@ textarea.form-control{ height: auto;}
max-height: calc(1.5em * 2); /* 最大高度 = 行高 × 行数 */
}
@media (min-width:768px){
.cctv-hf-list-top{
display: none;
}
}
#firendlink {
border: 1px solid #DDD;
line-height: 22px;
width: 100%;
margin: 10px auto;
padding: 9px 0 9px 9px;
}
#firendlink a {
color: #548161;
display: inline-block;
margin: 0 9px 0 0;
}
.footer_cont{
margin: auto;
}
.footer_cont p {
text-align: center;
color: #B2B2B2;
line-height: 20px;
width: 100%;
}

View File

@@ -1,130 +0,0 @@
/*!
* Edition v3.0 Copyright 2016-2018 http://v.shoutu.cn
* Email 726662013@qq.com,admin@shoutu.cn
*/
@charset "utf-8";
/* all */
body{ background: #FFFFFF; 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;}
/* 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: #F8F8F8;}
.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{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{ background-color: #FF9900; color: #FFFFFF; border: 1px solid #FF9900;}
.stui-page-text a,.stui-page-text em,.stui-page-text span{background-color:#FFFFFF; border:1px solid #EEEEEE;}
.stui-page-text span.pagenow{background-color:#FF9900; color:#FFFFFF; border:1px solid #f80}
.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;}
}