File: /www/wwwroot/cs.wgegeghx.com/templates/default/index/course/play.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>{$default['title']}</title>
<meta name="keywords" content="{$default['title']}" />
<meta name="description" content="{$default['title']}" />
<link rel="stylesheet" href="__CSS_PATH__/base.css">
<link rel="stylesheet" href="__CSS_PATH__/style.css">
<link rel="stylesheet" href="__CSS_PATH__/play.css">
<script src="__JS_PATH__/jquery.min.js"></script>
<script src="__JS_PATH__/jquery.SuperSlide.2.1.3.js"></script>
</head>
<style>
.pc-video-vip-lst {
width: 100%;
height: 100%;
background: #333;
}
.pc-video-vip-lst span {
color: #fff;
display: block;
font-size: 20px;
padding: 150px 0 0 300px;
}
.pc-video-vip-lst p {
font-size: 18px;
color: #f30;
font-weight: bold;
padding: 20px 0 0 300px;
}
.pc-video-vip-lst .m-video-viphy {
width: 120px;
height: 40px;
line-height: 40px;
border-radius: 0px;
text-align: center;
font-size: 16px;
color: #fff;
margin-top: 20px;
margin-left: 300px;
background-color: #af6b3a;
display: inline-block;
}
.pc-video-vip-lst .m-video-viphy {
border-radius: 5px !important;
}
.jAudio--player{width:100%;height:100%;background:#4e4e4e url(../images/yinpin-bj.jpg) no-repeat;}
.jAudio--player:after {content: " ";display: block;width: 100%;clear: both;}
.jAudio--player .jAudio--ui {position: relative;width: 100%;}
.jAudio--player .jAudio--status-bar{width:100%;z-index:1;position:relative;padding:0 20%;display:table;}
.jAudio--player .jAudio--status-bar:after {content: " ";display: block;width: 100%;clear: both;}
.jAudio--player .jAudio--controls{padding:5% 20%;}
.jAudio--player .jAudio--controls:after {content: " ";display: block;width: 100%;clear: both;}
.jAudio--player .jAudio--controls ul {display: table;overflow: hidden;width: 100%;}
.jAudio--player .jAudio--controls ul:after {content: " ";display: block;width: 100%;clear: both;}
.jAudio--player .jAudio--controls li {position: relative;width: 33.3333%;height: 80px;line-height:80px;float: left;}
.jAudio--player .jAudio--thumb {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-size: cover;background-position: center center;}
.jAudio--player .jAudio--time {display: table;width: 100%;}
.jAudio--player .jAudio--time:after {content:"";display: block;width: 100%;clear: both;}
.jAudio--player .jAudio--time *{width:50%;display:block;float:left;color:#fff;text-shadow:0 1px 1px #000;font-size:18px;}
.jAudio--player .jAudio--time .jAudio--time-elapsed {text-align: left;}
.jAudio--player .jAudio--time .jAudio--time-total {text-align: right;}
.jAudio--player .jAudio--details * {color: #fff;text-shadow: 0 1px 1px #000;font-size: 1.2rem;}
.jAudio--player .jAudio--details *:first-of-type {font-weight: bold;}
.jAudio--player .jAudio--details p {width: 100%;}
.jAudio--player .jAudio--details p span {display: block;}
.jAudio--player .jAudio--progress-bar {margin:30% 0 50px;}
.jAudio--player .jAudio--progress-bar .jAudio--progress-bar-wrapper {width: 100%;position: relative;background: rgba(255, 255, 255, 0.3);cursor: pointer;border-radius: 10px;overflow: hidden;}
.jAudio--player .jAudio--progress-bar .jAudio--progress-bar-played {height: 10px;background: #FF6666;position: relative;border-radius: 10px;}
.jAudio--player .jAudio--progress-bar .jAudio--progress-bar-pointer {height: 10px;width: 10px;border-radius: 50%;position: absolute;right: 0;background: #fff;}
.jAudio--player .jAudio--playlist {background: #fff;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item {display: block;width: 100%;padding: 1.33333rem 2rem;display: table;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item:after {content: " ";display: block;width: 100%;clear: both;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item.active {background: #f55c5c;border-bottom-color: #f55c5c;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item.active * { color: #fff;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item:not(.active):hover {background: #fafafa;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item:last-of-type {border: 0;margin-bottom: 0;}
.jAudio--player .jAudio--playlist .jAudio--playlist-thumb {float: left;margin-right: 0.66667rem;display: table;}
.jAudio--player .jAudio--playlist .jAudio--playlist-thumb:after {content: " ";display: block;width: 100%;clear: both;}
.btn {overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;border: 0;}
.btn span{width:80px;height:80px;border-radius:50%;background:#fff;position:absolute;display: table;top:50%;left:50%;cursor: pointer;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);overflow: hidden;}
.btn span:before{position:absolute;left:0;width:80px;height:80px;display:block;content:"";background:url(../images/yinpin-bf.png) no-repeat 2px;background-size:80px auto;}
#btn-pause span:before{background:url(../images/yinpin-zt.png) no-repeat 21px;background-size:40px auto;}
#btn-prev span:before{background:url(../images/yinpin-sys.png) no-repeat 8px;background-size:60px auto;}
#btn-next span:before{background:url(../images/yinpin-xys.png) no-repeat 8px;background-size:60px auto;}
#btn-prev span,#btn-next span{background:rgba(255,255,255,0);}
#btn-prev:active span:before,#btn-next:active span:before{opacity:0.8;}
#btn-play span:after{display:none;}
#btn-pause span:active:before, #btn-pause span:active:after, #btn-pause span.active:before, #btn-pause span.active:after {background: #fff;margin-right: 5px;}
.jAudio--player .jAudio--thumb {-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.jAudio--player .jAudio--progress-bar .jAudio--progress-bar-played {-webkit-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item {-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.jAudio--player .jAudio--playlist .jAudio--playlist-item * {-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.yxw-tuwen.tuwen {
width: 100%;
height: 100%;
overflow-y: auto;
background: #fff;
border-top: 1px solid #f0f0f0;
padding: 30px 20px;
display: block;
}
.yxw-tuwen.tuwen h2 {
line-height: 28px;
font-size: 22px;
color: #333;
padding-bottom: 30px;
font-weight: 700;
}
.ke-bs-tuwen {
position: relative;
top: 2px;
width: 15px;
height: 15px;
display: inline-block;
margin-right: 10px;
background: url(/static/ke-bs-tuwen.png) no-repeat;
background-size: 15px auto;
}
.ke-bs-shipin {
position: relative;
top: 2px;
width: 15px;
height: 15px;
display: inline-block;
margin-right: 10px;
background: url(/static/ke-bs-shipin.png) no-repeat;
background-size: 15px auto;
}
.ke-bs-yinpin {
position: relative;
top: 2px;
width: 15px;
height: 15px;
display: inline-block;
margin-right: 10px;
background: url(/static/ke-bs-yinpin.png) no-repeat;
background-size: 15px auto;
}
.scroll-cont .content-list li {
padding: 12px 10px 15px 27px!important;
}
.scroll-cont .content-list li:before{
background: none;
}
.content-list li.on i{background:none;}
.vip_1{color:red!important}
.vip_icon_0{display:none;}
</style>
<script type="text/javascript" src="https://bce.bdstatic.com/jwplayer/3.5.2/cyberplayer.js"></script>
<!-- 头部 -->
<div class="top-menu-wrap header">
<div class="menu-wrap">
<div class="play-logo"><a href="/" title="返回首页"><img src="{:config('web_site_logo')}" alt="" /></div>
<div class="top-lesson-list">正在学习：<a href="/shows/{$row.id}" class="link" title="返回课程详情" style="background:#ffd5b8;padding:5px 10px;font-size:14px;border-radius:3px;color:#ff700a;">{$row.title}</a></div>
<div id="_userlogin">
{if isModuleInstall('member')}
<div class="user fr">
<ul>
{if !$Think.session.user_auth.uid}
<li class="log"><a href="{:url('member/index/login')}">登录</a></li>
<li class="reg"><a href="{:url('member/index/register')}">注册</a></li>
{else}
<li style='position:relative' onmouseenter='$(".nav-login-bd").show();' onmouseleave='$(".nav-login-bd").hide();'>
<a href="{:url('member/index/index')}">
<img src='{$UserInfo.avatar}' class='avatar' />
</a>
<div class="nav-login-bd">
<div class="nav-login-user">
<div class="img"><a href="{:url('member/index/index')}" class="homeLink"><img src="{$UserInfo.avatar}"></a></div>
<div class="title-accProt">
<div class="title-accProt-span">{$UserInfo.username}</div>
{if $UserInfo.vip}
<div class="yxw-vip-ico-0">
<svg t="1618024956152" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18619" width="48" height="48"><path d="M810.666667 725.333333H213.333333c-119.466667 0-213.333333-93.866667-213.333333-213.333333s93.866667-213.333333 213.333333-213.333333h597.333334c119.466667 0 213.333333 93.866667 213.333333 213.333333s-93.866667 213.333333-213.333333 213.333333zM149.333333 384L213.333333 640h85.333334l64-256H298.666667l-42.666667 192L213.333333 384H149.333333z m512 0v256H725.333333v-64h85.333334c34.133333 0 64-29.866667 64-64v-64c0-34.133333-29.866667-64-64-64h-149.333334z m-213.333333 192V640h128v-64h-34.133333v-128h34.133333V384h-128v64h34.133333v128h-34.133333z m328.533333-55.466667H725.333333v-85.333333h51.2c17.066667 0 29.866667 12.8 34.133334 34.133333v21.333334c0 17.066667-12.8 29.866667-34.133334 29.866666z" p-id="18620" fill="#ffa025"></path></svg>
</div>
{else/}
<div class="yxw-vip-ico-0">
{$UserInfo.groupid|getGroupName}
</div>
{/if}
</div>
</div>
<!-- 用户权限 -->
<div class="micro-card-vip" style="text-align:center;"><a href="/member/buyhui.php">开通VIP会员<span style="color:#999;padding-left:5px;">全站课程免费学习</span></a></div><!-- 用户权限 End -->
<!-- 用户导航 -->
<div class="nav-login-bottom" style='line-height:20px;'>
<ul class="userFunList">
<li><a href="/member/operation_ke.php">
<svg t="1618024442945" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2147" width="48" height="48"><path d="M944.896 216.064L752.64 12.288A38.144 38.144 0 0 0 724.992 0h-614.4a40.448 40.448 0 0 0-39.168 41.472v941.056A40.448 40.448 0 0 0 110.592 1024h806.912a40.192 40.192 0 0 0 38.912-41.472V245.504a44.032 44.032 0 0 0-11.52-29.44zM248.32 216.576h409.6a51.2 51.2 0 0 1 0 102.4h-409.6a51.2 51.2 0 1 1 0-102.4z m521.984 590.848H248.32a51.2 51.2 0 1 1 0-102.4h521.984a51.2 51.2 0 1 1 0 102.4z m0-244.224H248.32a51.2 51.2 0 1 1 0-102.4h521.984a51.2 51.2 0 1 1 0 102.4z" fill="#ffa025" p-id="2148"></path></svg>
<p class="userFunTxt">已购课程</p></a></li>
<li><a href="/member/buyhui.php">
<svg t="1618024741928" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13155" width="48" height="48"><path d="M898.541 235.716a37 37 0 0 0-19.873 5.79L712.794 347.128 541.105 128.383a36.999 36.999 0 0 0-58.21 0L311.206 347.128 145.332 241.506a37.005 37.005 0 0 0-19.873-5.79c-27.032 0-49.024 21.637-49.024 48.232 0 2.12 0.182 4.236 0.545 6.324l99.851 575.567c2.217 24.59 23.271 43.934 48.831 43.934H798.34c25.561 0 46.615-19.343 48.832-43.934l99.851-575.567c0.362-2.088 0.544-4.205 0.544-6.324-0.002-26.595-21.994-48.232-49.026-48.232zM651.324 555.568L543.471 728.174c-7.018 11.232-19.078 17.398-31.413 17.398l-0.058-0.002-0.058 0.002c-12.336 0-24.394-6.166-31.413-17.398L372.676 555.568c-10.829-17.33-5.558-40.156 11.771-50.984 17.329-10.829 40.156-5.558 50.984 11.771L512 638.893l76.568-122.538c10.828-17.33 33.655-22.6 50.984-11.771 17.33 10.828 22.6 33.655 11.772 50.984z" p-id="13156" fill="#ffa025"></path></svg>
<p class="userFunTxt">我的会员</p></a></li>
<li><a href="/member/">
<svg t="1618024765878" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14666" width="48" height="48"><path d="M511.999488 65.290005C265.314133 65.290005 65.290517 265.279852 65.290517 511.998977c0 246.710938 200.024639 446.709995 446.708971 446.709995 246.64954 0 446.708971-199.999057 446.708971-446.709995C958.70846 265.279852 758.718613 65.290005 511.999488 65.290005L511.999488 65.290005zM511.999488 367.620705l0-0.38374L511.999488 367.620705l0 0.096191L511.999488 367.620705 511.999488 367.620705zM512.156054 650.793066c-0.209778 0.680499-0.24457 1.39579-0.331551 2.102894C511.841899 652.215462 511.946276 651.456169 512.156054 650.793066L512.156054 650.793066zM748.108974 785.477558l-4.240581-0.348947c-11.533684-2.494821-20.188808-11.831466-21.898753-23.25975-6.665817-45.927005-28.774347-89.848331-62.2426-123.682927-40.396035-40.84015-92.77908-63.464427-147.46661-63.646576-55.000662 0.105401-107.470687 22.684652-148.023288 63.646576-33.346479 33.739429-55.420217 77.651544-62.207807 123.709533-1.692548 11.542894-10.172687 20.633946-21.673625 23.155373l-4.431939 0.410346-3.211135-0.149403c-15.755846-2.128477-26.488281-16.210193-24.429389-31.30396 3.76986-28.312836 12.076036-55.726186 24.726148-81.489966 2.460028-5.016247 5.078669-9.972119 7.834432-14.806217 12.249999-20.633946 27.012214-39.514969 43.956118-56.222489 3.786233-3.664459 7.624654-7.232728 11.585873-10.714016 21.969361-19.291368 46.363957-34.585703 72.80005-45.762253-6.160303-4.668323-12.092409-9.850345-17.624403-15.346523-32.194236-32.247448-49.923016-75.076906-49.923016-120.638591 0-45.51666 17.763572-88.337931 49.923016-120.620172 31.635511-31.574113 73.567529-49.329499 118.081349-49.923016l4.363378 0c44.652989 0.663102 86.567611 18.383696 118.063953 49.923016 32.246425 32.18605 49.957809 75.042113 49.957809 120.620172 0 45.473681-17.781992 88.304162-49.906643 120.585379-5.671163 5.609765-11.517311 10.723226-17.659195 15.347546 26.488281 11.192923 50.935066 26.548656 72.851215 45.814442 3.926426 3.437286 7.677866 6.997368 11.482519 10.592242 17.065677 16.760732 31.828916 35.605939 43.938722 56.161091 2.862187 5.052063 5.54939 9.973142 7.956206 15.041578 12.529361 25.424042 20.87033 52.810786 24.744567 81.375356 1.045819 7.216355-0.803295 14.475689-5.305843 20.469194s-11.027148 9.841136-18.443048 10.879792l-3.594875 0.192382L748.108974 785.477558zM510.131955 499.025501c0.820692-0.349971 1.989307-0.611937 3.332908-0.611937l0.402159 0C512.591983 498.510778 511.31899 498.668367 510.131955 499.025501L510.131955 499.025501zM511.999488 367.542934l0 0.00921L511.999488 367.542934 511.999488 367.542934 511.999488 367.542934zM635.699812 438.196087c0.121773-0.566912 0.314155-1.169639 0.522909-1.744737 2.094708-8.803503 3.315512-18.033725 3.315512-27.474748 0-9.466606-1.186012-18.680455-3.315512-27.700899-0.208754-0.645706-0.348947-1.230014-0.522909-1.850138-14.029528-54.757115-65.698305-98.337679-123.386168-98.337679l-0.645706 0c-57.723679 0-109.304452 43.580564-123.386168 98.337679-0.121773 0.636496-0.331551 1.230014-0.435928 1.850138-2.199085 8.994861-3.350304 18.243503-3.350304 27.700899 0 9.466606 1.186012 18.653849 3.350304 27.474748 0.121773 0.576121 0.314155 1.177825 0.435928 1.744737 13.977339 53.474912 65.104787 93.294826 122.461099 93.738941l0.890276 0 1.622964 0c57.304124-0.506537 108.379383-40.299845 122.426307-93.738941L635.699812 438.196087zM510.131955 499.025501c1.169639-0.384763 2.408863-0.611937 3.734044-0.611937l-0.402159 0C512.102842 498.510778 511.003811 498.703159 510.131955 499.025501L510.131955 499.025501zM510.131955 499.025501" p-id="14667" fill="#ffa025"></path></svg>
<p class="userFunTxt">个人中心</p></a></li>
</ul>
<div style='clear:both'></div>
</div>
<!-- 用户导航 End -->
<!-- 退出帐号 -->
<div class="yxw-huiyuan" style="overflow:hidden;padding:0 38px;">
<a href="{:url('member/index/logout')}" class="nav-login-profile-Link">退出登录</a>
</div>
<!-- 退出帐号 End -->
</div>
</li>
{/if}
</ul>
</div>
{/if}
</div>
</div>
</div>
<!-- 头部 End -->
<div class="container-fluid">
<div class="height100">
<!-- 左边播放区域 -->
<div class="player-box height100">
<div class="yixiaowan-player">
<div class="yixiaowan-player2 shipin">
<!-- 视频内容 -->
{if !$isFree}
<div class="pc-video-vip-lst">
<span>该课程需要购买后播放</span>
<p>￥{$row.price}</p>
<a onclick='buyCourse()' class="m-video-viphy" rel="nofollow">立即购买</a>
</div>
<link rel="stylesheet" href="/static/libs/layui/css/layui.css">
<script src="/static/libs/layui/layui.js"></script>
<script>
function buyCourse(){
var index = layer.load(0, {shade: false});
$.post("{:url('pay/index/buyCourse')}", {id:{$courseId}}, function(data){
layer.close(index);
if(data.code == 0){
layer.msg(data.msg);
setTimeout(function(){
location.reload();
}, 1000);
}else{
layer.msg('还未登录，请先登录!');
setTimeout(function(){
location.href='/member/index/login';
}, 1000);
}
},'json')
}
</script>
{else}
{if $default.type eq 1}
<div id="playercontainer"></div>
<script type="text/javascript">
var player = cyberplayer("playercontainer").setup({
width: 1000,
height: 500,
file: "{$default.url|fmt_dot}".replace("·","·"),
image: "{$row.thumb|getThumb}",
autostart: true,
stretching: "uniform",
volume: 100,
controls: true,
/*marquee: {
show: true,
text: "",
fontSize: 14,
color: "#f4f4f4"
},*/
ak: "66a8fc2f103148d693f1c03c627ffb38"
});
console.log(player)
</script>
{/if}
{if $default.type == 2}
<!-- 音频内容 -->
<div class="yxw-yinpin yinpin">
<div class="jAudio--player">
<audio src="{$default.url}"></audio>
<div class="jAudio--ui">
<div class="jAudio--status-bar">
<div class="jAudio--progress-bar">
<div class="jAudio--progress-bar-wrapper">
<div class="jAudio--progress-bar-played" style="width: 0%;">
<span class="jAudio--progress-bar-pointer"></span>
</div>
</div>
</div>
<!-- 时间 -->
<div class="jAudio--time">
<span class="jAudio--time-elapsed">00:00</span>
<span class="jAudio--time-total">01:19</span>
</div>
<!-- 时间 End -->
</div>
</div>
<!-- 播放/暂停/上下首 -->
<div class="jAudio--controls">
<ul>
<li><a class="btn" id="btn-prev" href="###" onclick="location.href=$('.jjdd{$default.id}').prev().find('a').eq(0).attr('href')"><span></span></a></li>
<li><button class="btn" data-action="play" id="btn-play"><span></span></button></li>
<li><a class="btn" id="btn-next" href="###" onclick="location.href=$('.jjdd{$default.id}').next().find('a').eq(0).attr('href')"><span></span></a></li>
</ul>
</div>
<!-- 播放/暂停/上下首 End -->
</div>
</div>
<!-- 音频内容 End -->
<script src="__JS_PATH__/jaudio.js"></script>
<script>
var t = {
playlist:[{
file: "{$default.url}",
}],
autoPlay:false}
$(".jAudio--player").jAudio(t);
</script>
{/if}
{if $default.type==3}
<!-- 图文内容 -->
<div class="yxw-tuwen tuwen" style='display:block'>
<h2>{$default.title}</h2>
{$default.content|raw|htmlspecialchars_decode}
</div>
<!-- 图文内容 End -->
{/if}
{/if}
</div>
<div class="course-tool"><span class="click_tishi" style="color:#a0a0a0;float:left;line-height:26px;font-size:14px;padding-left:10px;"> {$row['ppt']}</span></div>
</div>
</div>
<!-- 右边课程目录 -->
<div class="action-bar-wrap">
<div class="scroll-cont">
<div class="nav-list-box">
<ul>
<li class="aui-current"><a href="javascript:;"><span>选集</span></a></li>
<li><a class="click_pop2"><span>讨论<span class="tiwen-su">{$count}</span></span></a></li>
</ul>
</div>
<ul class="content-list">
{volist name='row["list"]' id='v' key='index'}
<li class="jjdd{$v.id}">
<a href="/play/{$v.catid}/{$v.id}" class="needBuy_kelist" rank="0">
<div class="name">
<i class="ke-bs-{$v.type|fmtType}"></i>
{$v.title}</div>
<div class="info">
<span>第{$index}节</span>
<span>
{if $v.length}
{$v.length}分钟
{/if}
</span>
<span class="yxw-kc-s needBuy yin"></span>
</div>
</a>
</li>
{/volist}
</ul>
</div>
</div>
<!-- 右边课程目录 End -->
<!-- 课程互动问答 -->
<div class="bgPop2"></div>
<div class="pop2">
<div class="pop-top2"><h2>课程讨论<em id='count'>{$count}</em></h2><span class="pop-close2" title="关闭">Ｘ</span></div>
<div class="pop-content2">
<!-- 评论 -->
<!-- 评论 -->
<div class="article-course-pl">
<form id="form1" name="feedback" method="post" class="comment-form" action="#">
<textarea id="msg" class="form-contro" placeholder="请尽量清晰完整的描述问题，以便老师给予专业的回复。"></textarea>
<div class="kc-pinglun clearfix">
评分：<span id='pf'></span>
<input name="" type="button" value="提交" class="btn-success" onClick='PostComment()'>
</div>
<!-- 账号登录 -->
<div class="other-login clearfix" id="_ajax_feedback">
<input type="hidden" name="username" value="">
</div>
<input type='hidden' name='rate' id='rate' value='5' />
</form>
</div>
<!-- 评论 End -->
<!-- 评论内容区 -->
<div class="course-discuss">
<dd id='commetcontentNew'></dd>
<dd id='commetcontent'></dd>
</div>
<link rel="stylesheet" href="/static/libs/layui/css/layui.css">
<script src="/static/libs/layui/layui.js"></script>
<script language='javascript'>
var layer;
layui.use(['rate','layer'], function(){
var rate = layui.rate ,layer = layui.layer;
//渲染
var ins1 = rate.render({
elem: '#pf' //绑定元素
,choose: function(value){
$('[name="rate"]').val(value);
console.log(value)
}
});
});
function LoadCommets(page)
{
var taget_obj = document.getElementById('commetcontent');
var waithtml = "<div style='line-height:50px' align=center><img src='/static/loadinglit.gif' style='vertical-align: middle;height: 18px;margin-right: 10px;' /> 加载中...</div>";
$(taget_obj).html(waithtml);
$.getJSON("{:url('getDiscuzList')}", {'aid':{$default.id}, 'page':page}, function(data){
$(taget_obj).html('');
var html ='';
for(var i=0;i<data.length;i++){
html += ' <div class="pl-list clearfix">\
<div class="pl-list-avator"><img src="'+data[i].avatar+'" onerror="this.src=\'/static/modules/member/img/avatar.png\'"><span></span></div>\
<div class="pl-list-main">\
<div class="pl-list-nick vip_'+data[i].vip+'">'+data[i].username+' <span class="vip_icon_'+data[i].vip+'"><i class="layui-badge fly-badge-vip layui-hide-xs">VIP会员</i></span> <img src="/static/star/icon'+data[i].rate+'.png" height=15 /> </div>\
<div class="pl-list-content">'+data[i].content+'</div>\
<div class="pl-list-btm clearfix">\
<span class="pl-list-time fl">'+data[i].inputtime+'</span></div>';
if(data[i].reply){
html += '<div class="pl-list-gfhf"><span style="color:#ff700a;">官方回复：'+data[i].reply+'</span></div></div></div>';
}else{
html += '</div></div></div>';
}
}
$(taget_obj).append(html);
})
}
function PostComment(){
if($("#msg").val()){
$.post("{:url('discuz')}", {'id':{$default.id}, msg:$("#msg").val(), rate:$("#rate").val(), cid:{$default.catid}}, function(data){
$("#msg").val('');
if(data == -1){
layer.msg('您未登录，请先登录!');
setTimeout(function(){
location.href = '/member/index/login';
}, 1000)
}else if(data == -2){
layer.msg('发布失败，请稍后重试!');
setTimeout(function(){
//location.reload();
}, 1000)
}else if(data == -100){
layer.msg('您已评论过!');
}else{
layer.msg('提交成功，待审核!');
}
})
$('.bgPop2,.pop2').hide();
}else{
layer.msg('请输入讨论内容!');
}
}
function quoteCommet(fid){
document.feedback.fid.value = fid;
}
LoadCommets(1);
</script>
<!-- 评论内容区 End -->
<script type="text/javascript">
$(".jjdd{$id}").addClass("on");
var myyuans = $(".jjdd{$id}");
var jjtop = parseInt($(".jjdd{$id}").offset().top) - 60;
$(".action-bar-wrap").scrollTop(jjtop);
</script>
<!-- 评论 End -->
</div>
</div>
<script>
$(document).ready(function () {
$('.pop-close2').click(function () {
$('.bgPop2,.pop2').hide();
});
$('.click_pop2').click(function () {
$('.bgPop2,.pop2').show();
});
})
</script>
<!-- 课程互动问答 End -->