File: /www/wwwroot/cs.wgegeghx.com/runtime/temp/c664c5bfe0bb4119e2e3cf87343156a9.php
<?php /*a:3:{s:87:"/www/wwwroot/cs.wgegeghx.com/public/../templates/mobile/default/index/course/index.html";i:1619068098;s:81:"/www/wwwroot/cs.wgegeghx.com/public/../templates/mobile/default/index/header.html";i:1618449012;s:81:"/www/wwwroot/cs.wgegeghx.com/public/../templates/mobile/default/index/footer.html";i:1621920966;}*/ ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title><?php if(isset($SEO['title']) && !empty($SEO['title'])): ?><?php echo htmlentities($SEO['title']); ?><?php endif; ?><?php echo htmlentities($SEO['site_title']); ?></title>
<meta name="keywords" content="<?php echo htmlentities($SEO['keyword']); ?>" />
<meta name="description" content="<?php echo htmlentities($SEO['description']); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<link href="/mobile/css/m-index.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/mobile/js/jquery.js" ></script>
<script language="javascript" type="text/javascript">
<!--
$(function(){
$("a[_for]").mouseover(function(){
$(this).parents().children("a[_for]").removeClass("thisclass").parents().children("dd").hide();
$(this).addClass("thisclass").blur();
$("#"+$(this).attr("_for")).show();
});
$("a[_for=uc_member]").mouseover();
$("a[_for=flink_1]").mouseover();
});
-->
</script>
<style type="text/css">
.wrapper{padding-top:55px;}
.m-header-video{margin-top:10px;}
.m-header-video .header{background-color:#fff;padding:20px 15px 0;}
.mall-totop{bottom:80px;}
/*Swiper*/
.swiper-container{position:relative;overflow:hidden;z-index:1;}
.swiper-container-android .swiper-slide, .swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
.swiper-slide img{display:block;border-radius:5px;}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{width:100%;bottom:20px;left:0;}
.swiper-pagination-bullet{width:15px;height:3px;display:inline-block;background:#fff;opacity:.2;}
.swiper-pagination-bullet-active{opacity:1;background:#fff;}
/*首页导航*/
.iMenu{overflow:hidden;padding:5px 5px 0;background:#fff;}
.iMenu li{width:25%;float:left;padding-bottom:20px;}
.iMenu li a{display:block;}
.iMenu li a i{width:40px;height:40px;display:block;margin:0 auto;border-radius:50%;}
.iMenu li a i img{display:block;border-radius:50%;}
.iMenu li a span{display:block;height:30px;line-height:30px;font-size:14px;text-align:center;}
/*课程分类*/
.nav-box-float{width:100%;height:40px;padding-top:10px;background:#fff;}
.second-tags-scroll-box{position:relative;padding:0 15px;}
.second-tags-scroll{background:#fff;font-size:16px;height:40px;line-height:40px;overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;}
.second-tags-scroll ul{white-space:nowrap;}
.second-tags-scroll li{display:inline-block;padding-right:15px;}
.second-tags-scroll a{font-size:16px;color:#333;}
.second-tags-scroll .on{color:#508cee;font-weight:bold;display:block;font-size:20px;}
.second-tags-scroll .quanbu{color:#508cee;font-weight:bold;display:block;font-size:20px;}
.second-tags-scroll span{padding:0 0 13px;}
.second-tags-scroll-box .right-mask{width:20px;height:40px;position:absolute;right:15px;bottom:1px;z-index:2;background-image:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff);background-image:linear-gradient(to right,rgba(255,255,255,0),#fff);}
/*更多*/
.text-titie{width:100%;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;}
.text-titie .btn{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:57px;height:24px;background:rgba(245,245,245,1);border-radius:12px;}
.text-titie .btn .text{font-size:12px;font-weight:400;color:rgba(153,153,153,1);}
.text-titie .btn .icon{width:4px;height:7px;margin-left:5px;margin-top:1px;}
/*文章列表*/
.moudle-list-info{background:#fff;overflow:hidden;}
.moudle-list-info .link{display:block;overflow:hidden;padding:15px 0;margin:0 15px;border-bottom:solid #f5f5f5 1px;}
.moudle-list-info .link img{width:130px;height:79px;display:block;float:right;margin-left:15px;border-radius:3px;}
.moudle-list-info h4{font-size:16px;color:#333;max-height:48px;height:48px;line-height:24px;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.moudle-list-info .m-list-box-w{overflow:hidden;}
.moudle-list-info .m-list-box-w .date{float:left;color:#aaa;line-height:20px;font-size:12px;}
.moudle-list-info .m-list-box-w .frequency{float:right;color:#aaa;line-height:20px;font-size:12px;}
</style>
</head>
<body>
<!-- TOP -->
<div class="m-header">
<a class="m-search-index" id="JenIpt">搜索你感兴趣的课程</a>
<a class="m-header-member" id="_userlogin" href="/member/"></a>
</div>
<!-- TOP End -->
<style type="text/css">
.m-header{border-bottom:none;}
.m-header .search-fl-list{height:30px;line-height:30px;margin:0 15px;background:#f0f0f0;display:block;position:relative;top:7px;border-radius:3px;color:#999;font-size:14px;padding-left:10px;}
/*课程分类*/
.nav-box-float{width:100%;height:50px;background:#fff;padding-top:10px;}
.second-tags-scroll-box{position:relative;padding:0 15px;}
.second-tags-scroll{background:#fff;font-size:16px;height:50px;line-height:50px;overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;}
.second-tags-scroll ul{white-space:nowrap;}
.second-tags-scroll li{display:inline-block;padding-right:15px;}
.second-tags-scroll a{font-size:16px;color:#333;}
.second-tags-scroll .on{color:#508cee;font-weight:bold;display:block;font-size:20px;}
.second-tags-scroll .quanbu{font-size:16px;color:#333;font-weight:400;}
.second-tags-scroll span{padding:0 0 13px;}
.second-tags-scroll-box .right-mask{width:20px;height:50px;position:absolute;right:15px;bottom:1px;z-index:2;background-image:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff);background-image:linear-gradient(to right,rgba(255,255,255,0),#fff);}
/*加载中*/
.yxw-list-loading{width:100%;height:50px;line-height:50px;color:#757575;background:#f0f0f0;text-align:center;font-size:14px;}
.mall-totop{bottom:80px;}
em.ke-bs1 {
display: inline-block;
color: #2ed25d;
font-size: 16px;
padding-right: 5px;
}
.content_list .content_item .a{
display:none;
}
</style>
<div class="wrapper" id='app'>
<!-- 首页课程分类 -->
<div class="nav-box-float" style="">
<div class="second-tags-scroll-box">
<div class="second-tags-scroll">
<ul>
<li><a v-on:click='getData(0)' :class="{'on':catid==0}">全部</a></li>
<li v-for='itm in cats'>
<a v-on:click='getData(itm.id)' :class="{'on':catid==itm.id}">
{{itm.catname}}
</a>
</li>
</ul>
</div>
<div class="right-mask"></div>
</div>
</div>
<!-- 首页课程分类 End -->
<!-- 课程列表 -->
<div class="m-header-video">
<ul class="content_list">
<li v-for="itm in data" class="content_item" v-on:click='goUrl(itm.id)'>
<img :src="itm.thumb" style='max-height:125px;'>
<em class="a"></em>
<div class="main_title">{{itm.title}}</div>
<div class="sub_title">
<em class="ke-bs ke-bs1" v-if="itm.price==0">免费</em>
<em class="price price58" v-else>{{itm.price}}</em>
<em class="item_right fr">{{itm.hits}}次学习</em>
</div>
</li>
</ul>
</div>
<!-- 课程列表 End -->
<div id="dianhuafei" class="yxw-list-loading">加载更多</div>
<div class="xiayiyequ" style="display:none;"><li><span class="pageinfo">共 <strong>1</strong>页<strong>7</strong>条记录</span></li>
</div>
</div>
<!-- 最底部导航 -->
<div class="gzs-bottombar" style='z-index:9999'>
<a href="/" class="gzs-bo"><img src="/mobile/picture/index.png">首页</a>
<a href="/course" class="gzs-bo gzs-on"><img src="/mobile/picture/index-ke2.png">课程</a>
<a href="/pay/index/buy_list.html" class="gzs-bo"><img src="/mobile/picture/index-yg.png">已购</a>
<a href="/member/" class="gzs-bo"><img src="/mobile/picture/index-admin.png">我的</a>
</div>
<!-- 最底部导航 End -->
<!-- 最底部导航 -->
<div class="gzs-bottombar">
<a href="/" class="gzs-bo gzs-on"><img src="/mobile/picture/index2.png">首页</a>
<a href="/course" class="gzs-bo"><img src="/mobile/picture/index-ke.png">课程</a>
<a href="/pay/index/buy_list.html" class="gzs-bo"><img src="/mobile/picture/index-yg.png">已购</a>
<a href="/member/" class="gzs-bo"><img src="/mobile/picture/index-admin.png">我的</a>
</div>
<!-- 最底部导航 End -->
<!-- 返回顶部 -->
<div class="mall-totop" onclick="window.scrollTo(0,0);"></div>
<script src="/mobile/js/mall-top.js"></script>
<!-- 返回顶部 End -->
<!-- 课程搜索 -->
<div id="JwapSearch" class="m-search-pnl">
<div id="JwsClose">取消</div>
<div class="ysearch-box">
<form method="post" name="f1" action="/index/index/search" onsubmit="return checkSearchForm()">
<input type="hidden" name="kwtype" value="0" />
<input type="hidden" id="driverId" name="channeltype" value="17" />
<input type="search" class="yfixtext" id="search" name="keyword" placeholder="搜索你感兴趣的课程" autocomplete="off">
<input type="submit" class="fixsbmt" value="">
</form>
</div>
</div>
<!-- 课程搜索 End -->
<script type="text/javascript">
function checkSearchForm(){
if(document.getElementById('search').value){
return true;
}else{
alert("请输入课程关键字");
return false;
}
}
(function() {
var searchWrapObj = document.getElementById("JwapSearch");
searchWrapObj && document.body.appendChild(searchWrapObj);
var sentFlag = false;
var submitFlag = false;
if ( - 1 == window.location.pathname.indexOf("bbs")) {
showSeriesViewed()
}
function showSeriesViewed() {
var COOKIE_NAME = "LAST_VIEW_CHEXIS";
var cookieValue = decodeURI(decodeURIComponent(document.cookie.replace(new RegExp(".*(?:^|; )" + COOKIE_NAME + "=([^;]*).*|.*"), "$1")));
var historyObj = document.getElementById("JviewHistory");
if (!cookieValue || !historyObj) {
return
}
var valueArr = cookieValue.split(",");
var html = "";
for (var i = 0; i < valueArr.length && i < 3; i++) {
var data = valueArr[i].split("-");
if (data.length < 2) {
continue
}
html += '' + data[0] + '/">' + data[1] + "</a>"
}
if ("" != html) {
historyObj.innerHTML = "" + html;
historyObj.style.display = "block"
}
}
var SHOW_PANNEL_CLASS = "m-full-pnl";
var DISABLE_SCROLL_CLASS = "m-disb-scroll";
var htmlObj = document.documentElement;
function hasClass(el, className) {
if (el.classList) {
return el.classList.contains(className)
}
return !! el.className.match(new RegExp("(\\s|^)" + className + "(\\s|$)"))
}
function addClass(el, className) {
if (el.classList) {
el.classList.add(className)
} else { ! hasClass(el, className) && (el.className += " " + className)
}
}
function rmvClass(el, className) {
if (el.classList) {
el.classList.remove(className)
} else {
hasClass(el, className) && (el.className = el.className.replace(new RegExp("(\\s|^)" + className + "(\\s|$)"), " "))
}
}
var enIptObj = document.getElementById("JenIpt");
var iptObj = document.getElementById("JwsIpt");
enIptObj && enIptObj.addEventListener("click",
function() {
if ( - 1 == window.location.pathname.indexOf("bbs")) {
getHotSeries()
}
loadSearchJS();
htmlObj.setAttribute("data-y", document.body.scrollTop);
addClass(htmlObj, SHOW_PANNEL_CLASS);
searchWrapObj && (searchWrapObj.scrollIntoView());
addClass(htmlObj, DISABLE_SCROLL_CLASS);
var tmpIptObj = document.search && document.search.q;
if (tmpIptObj) {
tmpIptObj.value = "";
tmpIptObj.focus()
}
loadLike()
});
var closeObj = document.getElementById("JwsClose");
closeObj && closeObj.addEventListener("click",
function() {
iptObj && enIptObj && (enIptObj.value = iptObj.value);
rmvClass(htmlObj, DISABLE_SCROLL_CLASS);
var setY = htmlObj.getAttribute("data-y");
setY && (document.body.scrollTop = setY);
rmvClass(htmlObj, SHOW_PANNEL_CLASS)
});
var enSubmitObj = document.getElementById("JenSubmit");
enSubmitObj && enSubmitObj.addEventListener("click", clickBtnSubmit);
var submitObj = document.getElementById("JwsSubmit");
submitObj && submitObj.addEventListener("click", clickBtnSubmit);
function clickBtnSubmit() {
submitFlag = true;
if ("function" != typeof wapSearchSubmit) {
loadSearchJS();
return false
}
wapSearchSubmit()
}
function loadSearchJS() {
if (sentFlag) {
return
}
sentFlag = true;
var scriptObj = document.createElement("script");
scriptObj.src = "";
scriptObj.charset = "utf-8";
var headObj = document.getElementsByTagName("head")[0];
headObj.appendChild(scriptObj);
scriptObj.onload = scriptObj.onreadystatechange = function() {
var f = scriptObj.readyState;
if (f && f != "loaded" && f != "complete") {
return
}
scriptObj.onload = scriptObj.onreadystatechange = null;
ks_search();
if (submitFlag) {
wapSearchSubmit()
}
}
}
function getHotSeries() {
var hotSeriesObj = document.getElementById("JhotSeries");
var record = localStorage.getItem("wapSearchRecord");
if (record != null || !hotSeriesObj) {
return
}
loadScript(location.protocol + "",
function(data) {
var html = "";
var seriesArr = data.data;
if (seriesArr.length < 0) {
return
}
for (var i = 0,
len = seriesArr.length; i < len; i++) {
var result = seriesArr[i];
html += '' + result.id + '/" title="' + result.title + '">' + result.title + "</a>"
}
if ("" != html) {
hotSeriesObj.innerHTML = "" + '' + html + "";
hotSeriesObj.style.display = "block"
}
},
"showHotseries")
}
function getParam(url, name) {
if (!url || !name) {
return
}
var name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
var results = regex.exec(url);
return (null == results ? null: results[1])
}
function loadScript(url, fn, callbackName, charset) {
var cbName = getParam(url, "jsCallBack");
var callbackName = cbName || callbackName;
var cb = cbName || !callbackName ? "": "jsCallBack=" + callbackName;
var pos = url.indexOf("?") + 1;
if (cb) {
url = 0 == pos ? (url + "?" + cb) : (url.substring(pos, -1) + cb + "&" + url.substring(pos))
}
if ("function" == typeof fn && callbackName) {
window[callbackName] = fn
}
var headElm = document.getElementsByTagName("head")[0];
var scriptElm = document.createElement("script");
scriptElm.src = url;
if (charset) {
scriptElm.charset = charset
}
headElm.appendChild(scriptElm);
scriptElm.onload = scriptElm.onreadystatechange = function() {
var f = scriptElm.readyState;
if (f && f != "loaded" && f != "complete") {
return
}
if ("function" == typeof fn && !cb) {
fn()
}
if (!cbName && window[callbackName]) {
delete window[callbackName]
}
scriptElm.onload = scriptElm.onreadystatechange = null;
headElm.removeChild(scriptElm)
}
}
function getCookie(d) {
var b = d + "=";
var a = document.cookie.split(";");
for (var e = 0; e < a.length; e++) {
var f = a[e];
while (f.charAt(0) == " ") {
f = f.substring(1)
}
if (f.indexOf(b) != -1) {
return f.substring(b.length, f.length)
}
}
return ""
}
var allPage = 1;
var changePage = 1;
var likeSerials = [];
function loadLike() {
var uValue = getCookie("u");
var html = "";
loadJS("",
function() {
loadJS("",
function() {
Locate.defaultData = {};
LocateAuto.defaultData = {
proId: 5,
cityId: 1,
url: ""
};
LocateAuto.init({
callback: function(data) {
var cityId = data.cityId;
$.ajax({
url: "",
data: {
uid: uValue,
cityId: cityId
},
dataType: "jsonp",
success: function(res) {
likeSerials = res;
allPage = Math.ceil(res.length / 8);
for (var i = 0; i < 8; i++) document.getElementById("JwsLike").innerHTML = html
}
})
}
})
},
"utf-8")
},
"utf-8")
}
document.getElementById("JwsChange").onclick = function() {
var html = ""; {
var len = changePage * 8;
for (var i = (changePage - 1) * 8; i < len; i++) {
if (likeSerials[i]) {
html += ''
}
}
document.getElementById("JwsLike").innerHTML = html
}
};
iptObj.addEventListener("blur",
function(e) { ! iptObj.value && (iptObj.value = quotes[Math.floor(Math.random() * quotes.length)])
})
})();
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?635fdeb0cc01f8f6667fcd7e67fdd73e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- 课程搜索 End -->
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.min.js"></script>
<script>
var f = true;
<?php $cache = 3600;$cacheID = to_guid_string(array('module'=>'cms','action'=>'category','catid'=>$moduleId,'cache'=>'3600','order'=>'listorder ASC','num'=>'20','return'=>'data','page'=>'0',));if($cache && $_return = Cache::get($cacheID)):$data = $_return;else: $cmsTagLib = \think\Container::get("\\app\\cms\\taglib\\CmsTagLib");if(method_exists($cmsTagLib, "category")):$data = $cmsTagLib->category(array('module'=>'cms','action'=>'category','catid'=>$moduleId,'cache'=>'3600','order'=>'listorder ASC','num'=>'20','return'=>'data','page'=>'0',));if($cache):Cache::set($cacheID, $data, $cache);endif;endif;endif; ?>
var cats = <?php echo json_encode($data)?>;
var vue_app = new Vue({
el: '#app',
data:{
data:[],
catid:<?php echo htmlentities($catid); ?>,
cats:cats,
page:1,
more:true
},
created:function(){
this.loadData();
},
mounted() {
window.loadMore = this.loadMore;
window.more = this.more;
},
methods:{
loadData(){
var that = this;
if(that.page == 1){
that.data = [];
}
$.getJSON("<?php echo url('ajaxGetCourse'); ?>", {catid:that.catid, page:that.page}, function(data){
if(data.length > 0){
f = true;
that.data = that.data.concat(data);
}else{
that.more = false;
$(".yxw-list-loading").html('没有更多数据...');
}
})
},
loadMore(){
if(this.more){
this.page++;
this.loadData();
}
},
goUrl(id){
location.href = "/shows/"+id;
},
getData(id){
f = true;
this.page = 1;
this.catid = id;
this.more = true;
this.loadData();
}
}
})
$(document).scroll(function(){
//滚动条滑动的时候获取滚动条距离顶部的距离
var scroll=$(document).scrollTop();
//屏幕的高度
var client=$(window).height();
var h=$(document).height();
var flag=true;
var bih = scroll+client+100 ;
if (h<= bih) {
if(f){
if(more){
$(".yxw-list-loading").html('加载中...');
f = false;
loadMore();
}
}
}
});
</script>
<style>
[v-cloak]{
display: none;
}
</style>
</body>
</html>