You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
3.3 KiB
121 lines
3.3 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>{$site_seo_title} {$site_name}</title>
|
|
<meta name="keywords" content="{$site_seo_keywords}" />
|
|
<meta name="description" content="{$site_seo_description}">
|
|
{include file="public:head" /}
|
|
<link rel="stylesheet" href="{$yf_theme_path}public/css/jplayer.css">
|
|
</head>
|
|
<style>
|
|
.about_v_msk {
|
|
width: 790px;
|
|
height: 490px;
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -250px;
|
|
margin-left: -400px;
|
|
background: #666;
|
|
z-index: 999999;
|
|
padding: 25px 25px 10px;
|
|
display: none;
|
|
}
|
|
.about_v_msk video {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.about_v_msk a {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 10px;
|
|
border-radius: 50%;
|
|
color: #FFF;
|
|
font-size: 30px;
|
|
}
|
|
.pagination{
|
|
display: inline-block;
|
|
padding-left: 0;
|
|
margin: 20px 0;
|
|
border-radius: 4px
|
|
}
|
|
.pagination a{
|
|
color: #666;
|
|
}
|
|
.list-page{
|
|
margin: 20px auto;
|
|
}
|
|
</style>
|
|
|
|
<body class="detailsbg">
|
|
<div class="contenter">
|
|
{include file="public:nav" /}
|
|
<!--banner开始-->
|
|
<div class="detailsbanner"></div>
|
|
<!--banner结束-->
|
|
<!--body开始-->
|
|
<div class="content modeub">
|
|
<div class="modeleft modeub modever modeac modepc">
|
|
<div class="modelefttop modeub modever modeac modepc">
|
|
<div class="lefttutitle">常态路演平台</div>
|
|
<div class="leften">Roadshow platform</div>
|
|
</div>
|
|
</div>
|
|
<div class="modef1 moderight">
|
|
<div class="moderighttag modeub modeac">
|
|
<div class="tagtitle">常态路演平台</div>
|
|
<div class="tagline">/</div>
|
|
<div class="tagtitleen"> Roadshow platform</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content roadlist">
|
|
<div class="listbody divhidden">
|
|
{foreach name="lists" item="vo"}
|
|
<div class="guideleft listleft listmr listmb" onmouseover="adddivClass(this)" onmouseout="removedivClass(this)">
|
|
<a style="width:100%;text-decoration:none;" href="javascript:;" data-pic="{$vo.pic|get_imgurl}" data-video="{$vo.video|get_imgurl}">
|
|
<div>
|
|
<img src="{$vo.pic|get_imgurl}" style="max-width: 100%;"><span></span>
|
|
</div>
|
|
<div class="leftlisttitle">{$vo.name}</div>
|
|
</a>
|
|
<div class="leftlisttime">{$vo['start_time']|date='Y-m-d',###}</div>
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
<div class="pagecon">
|
|
<div id='d2'></div>
|
|
</div>
|
|
<div class="list-page" align="center">{$page}</div>
|
|
<div class="msk"></div>
|
|
<div class="about_v_msk">
|
|
<video controls="controls" poster="" id="video" src="">
|
|
</video>
|
|
<a href="javascript:;">×</a>
|
|
</div>
|
|
<div class="basiccon basiccon2 basiccon3">
|
|
<div class=" modeub modept modeac modepc">
|
|
<div class="headerightbun modeub modeac modepc">路演在线注册</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{include file="public:footer"/}
|
|
{include file="public:scripts"/}
|
|
<!--右侧悬浮窗口结束-->
|
|
<script>
|
|
var video=$("#video");
|
|
//about视频页面弹出
|
|
$(".roadlist .divhidden a").click(function () {
|
|
video.attr("src", "").attr("poster", "");
|
|
var spUrl = $(this).data('video');//视频地址
|
|
var tpUrl = $(this).data('pic');//图片地址
|
|
video.attr("src", spUrl).attr("poster", tpUrl);
|
|
$(".about_v_msk").show();
|
|
});
|
|
$(".about_v_msk a").click(function () {
|
|
$(".about_v_msk").hide();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|