|
|
@@ -3,7 +3,7 @@
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon"/>
|
|
|
- <meta content='width=device-width, initial-scale=1.0,user-scalable=no' name='viewport'>
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
|
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
|
|
|
<title>NEWS CENTER</title>
|
|
|
<link href="css/reset.css" rel="stylesheet"/>
|
|
|
@@ -14,13 +14,13 @@
|
|
|
body {
|
|
|
height: auto;
|
|
|
min-height: 100%;
|
|
|
- background: #1b2030;
|
|
|
+ background: #2C2E34;
|
|
|
}
|
|
|
|
|
|
#projects {
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
|
- background: #1b2030;
|
|
|
+ background: #2C2E34;
|
|
|
max-width: none;
|
|
|
overflow-x: hidden;
|
|
|
overflow-y: auto;
|
|
|
@@ -35,20 +35,26 @@
|
|
|
<div class="page" id="projects">
|
|
|
|
|
|
<!--top menu-->
|
|
|
- <div class="top-menu wow fadeInDown" data-wow-delay="1s" data-wow-duration="1s">
|
|
|
+ <div class="top-menu-news wow fadeInDown" data-wow-delay="1s" data-wow-duration="1s">
|
|
|
<div class="logo">
|
|
|
- <a href="javascript:parent.showIndex();"><img class="inner-icon"
|
|
|
+ <a href="javascript:parent.showIndex();"><img class="inner-icon inner-main"
|
|
|
src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_3.png"/></a>
|
|
|
</div>
|
|
|
- <div class="menu"><img class="inner-icon"
|
|
|
+ <div class="menu"><img class="inner-icon inner-menu"
|
|
|
src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_4.png"/></div>
|
|
|
- <div class="cases"><a href="javascript:void(0);"><img class="inner-icon"
|
|
|
+ <div class="cases"><a href="javascript:parent.closeNews();parent.showProjects();"><img class="inner-icon inner-artcle"
|
|
|
src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_5.png"/></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!--footer news-footer-->
|
|
|
+ <div class="news-footer">
|
|
|
+ <div class="mobile-hide news-left">Copyright©2015-2018, elab-plus.com. All rights reserved. | 沪ICP备15047801号-1</div>
|
|
|
+ <div class="mobile-hide news-right">上海定卓⽹络科技有限公司 电话：021-50753278 地址：上海市静安区彭江路602号E座408室</div>
|
|
|
+ <div class="mobile-display news-left" style="visibility: hidden;">Copyright©2015-2018 | 沪ICP备15047801号-1</div>
|
|
|
+ </div>
|
|
|
|
|
|
<!--main menu-->
|
|
|
- <div class="main-menu">
|
|
|
+ <div class="main-menu-news">
|
|
|
<div class="menu-background"></div>
|
|
|
<!--contact us-->
|
|
|
<div class="menu-contact">
|
|
|
@@ -91,30 +97,30 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--CONTACT US-->
|
|
|
- <div class="menu-close"></div>
|
|
|
+ <div class="menu-close-news"></div>
|
|
|
<ul class="menu-list">
|
|
|
<li class="elab_who">
|
|
|
- <a href="javascript:$('.main-menu').removeClass('active');parent.closeNews();parent.showWho();">ELAB是谁
|
|
|
+ <a href="javascript:$('.main-menu-news').removeClass('active');parent.closeNews();parent.showWho();">ELAB是谁
|
|
|
<small>WHO IS ELAB</small>
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="elab_what">
|
|
|
- <a href="javascript:$('.main-menu').removeClass('active');parent.closeNews();parent.showDo();">ELAB做什么
|
|
|
+ <a href="javascript:$('.main-menu-news').removeClass('active');parent.closeNews();parent.showDo();">ELAB做什么
|
|
|
<small>WHAT ELAB DO</small>
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="elab_news">
|
|
|
- <a href="javascript:$('.main-menu').removeClass('active');parent.closeNews();parent.showNews();">新闻中心
|
|
|
+ <a href="javascript:$('.main-menu-news').removeClass('active');parent.closeNews();parent.showNews();">新闻中心
|
|
|
<small>NEWS</small>
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="elab_project">
|
|
|
- <a href="javascript:$('.main-menu').removeClass('active');parent.closeNews();parent.showProjects();">作品案例
|
|
|
+ <a href="javascript:$('.main-menu-news').removeClass('active');parent.closeNews();parent.showProjects();">作品案例
|
|
|
<small>PROJECTS</small>
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="elab_contact">
|
|
|
- <a href="javascript:$('.main-menu').removeClass('active');parent.closeNews();parent.showCareers();">加入我们
|
|
|
+ <a href="javascript:$('.main-menu-news').removeClass('active');parent.closeNews();parent.showCareers();">加入我们
|
|
|
<small>CAREERS</small>
|
|
|
</a>
|
|
|
</li>
|
|
|
@@ -143,6 +149,8 @@
|
|
|
var markIdx = 0;
|
|
|
var currentIdx = 0;
|
|
|
var lastIdx = 0;
|
|
|
+ var menuList = ["elab_who","elab_what","elab_news","elab_project","elab_contact"];
|
|
|
+ var lastClassName ='';
|
|
|
$(function () {
|
|
|
|
|
|
$("news-body").on("touchmove",(e)=>{
|
|
|
@@ -153,107 +161,104 @@
|
|
|
|
|
|
//show menu
|
|
|
$(".menu").on("click", function (e) {
|
|
|
- $(".main-menu").addClass("active");
|
|
|
+ $(".main-menu-news").addClass("active");
|
|
|
});
|
|
|
//close menu
|
|
|
- $('.menu-close').on('click', function (e) {
|
|
|
- $(".main-menu").removeClass("active");
|
|
|
+ $('.menu-close-news').on('click', function (e) {
|
|
|
+ $(".main-menu-news").removeClass("active");
|
|
|
});
|
|
|
|
|
|
$('.news-detail').on('click', function (e) {
|
|
|
$(".news-detail").removeClass("active");
|
|
|
iframeShow = false;
|
|
|
+ $(".inner-main").attr("src", "http://yun-image.elab-plus.com/images/contact/1_objects@2x_3.png");
|
|
|
+ $(".inner-menu").attr("src", "http://yun-image.elab-plus.com/images/contact/1_objects@2x_4.png");
|
|
|
+ $(".inner-artcle").attr("src", "http://yun-image.elab-plus.com/images/contact/1_objects@2x_5.png");
|
|
|
+ $(".top-menu-news").css("background-color","#2C2E34");
|
|
|
});
|
|
|
|
|
|
<!-- menu hover start-->
|
|
|
$('.elab_who').hover(function () {
|
|
|
currentIdx = 1;
|
|
|
|
|
|
- $(".elab_who").css("opacity","1");
|
|
|
- $(".elab_who").removeClass("animate_fadeIn");
|
|
|
- $(".elab_what").removeClass("animate_fadeIn");
|
|
|
- $(".elab_news").removeClass("animate_fadeIn");
|
|
|
- $(".elab_project").removeClass("animate_fadeIn");
|
|
|
- $(".elab_contact").removeClass("animate_fadeIn");
|
|
|
-
|
|
|
- $(".elab_what").addClass("animate_fadeOut");
|
|
|
- $(".elab_news").addClass("animate_fadeOut");
|
|
|
- $(".elab_project").addClass("animate_fadeOut");
|
|
|
- $(".elab_contact").addClass("animate_fadeOut");
|
|
|
+ // $(".elab_who").css("opacity","1");
|
|
|
+ // $(".elab_who").removeClass("animate_fadeIn");
|
|
|
+ // $(".elab_what").removeClass("animate_fadeIn");
|
|
|
+ // $(".elab_news").removeClass("animate_fadeIn");
|
|
|
+ // $(".elab_project").removeClass("animate_fadeIn");
|
|
|
+ // $(".elab_contact").removeClass("animate_fadeIn");
|
|
|
+ //
|
|
|
+ // $(".elab_what").addClass("animate_fadeOut");
|
|
|
+ // $(".elab_news").addClass("animate_fadeOut");
|
|
|
+ // $(".elab_project").addClass("animate_fadeOut");
|
|
|
+ // $(".elab_contact").addClass("animate_fadeOut");
|
|
|
},function () {
|
|
|
currentIdx = 0;
|
|
|
- $(".elab_who").css("opacity","1");
|
|
|
- $(".elab_who").removeClass("animate_fadeOut");
|
|
|
- $(".elab_what").removeClass("animate_fadeOut");
|
|
|
- $(".elab_news").removeClass("animate_fadeOut");
|
|
|
- $(".elab_project").removeClass("animate_fadeOut");
|
|
|
- $(".elab_contact").removeClass("animate_fadeOut");
|
|
|
-
|
|
|
- $(".elab_what").addClass("animate_fadeIn");
|
|
|
- $(".elab_news").addClass("animate_fadeIn");
|
|
|
- $(".elab_project").addClass("animate_fadeIn");
|
|
|
- $(".elab_contact").addClass("animate_fadeIn");
|
|
|
+ // $(".elab_who").css("opacity","1");
|
|
|
+ //
|
|
|
+ // $(".elab_who").removeClass("animate_fadeOut");
|
|
|
+ // $(".elab_what").removeClass("animate_fadeOut");
|
|
|
+ // $(".elab_news").removeClass("animate_fadeOut");
|
|
|
+ // $(".elab_project").removeClass("animate_fadeOut");
|
|
|
+ // $(".elab_contact").removeClass("animate_fadeOut");
|
|
|
+
|
|
|
+ // $(".elab_what").addClass("animate_fadeIn");
|
|
|
+ // $(".elab_news").addClass("animate_fadeIn");
|
|
|
+ // $(".elab_project").addClass("animate_fadeIn");
|
|
|
+ // $(".elab_contact").addClass("animate_fadeIn");
|
|
|
});
|
|
|
|
|
|
$('.elab_what').hover(function () {
|
|
|
currentIdx = 2;
|
|
|
- $(".elab_what").css("opacity","1");
|
|
|
- $(".elab_who").removeClass("animate_fadeIn");
|
|
|
- $(".elab_what").removeClass("animate_fadeIn");
|
|
|
- $(".elab_news").removeClass("animate_fadeIn");
|
|
|
- $(".elab_project").removeClass("animate_fadeIn");
|
|
|
- $(".elab_contact").removeClass("animate_fadeIn");
|
|
|
+ // $(".elab_what").css("opacity","1");
|
|
|
+ // $(".elab_who").removeClass("animate_fadeIn");
|
|
|
+ // $(".elab_what").removeClass("animate_fadeIn");
|
|
|
+ // $(".elab_news").removeClass("animate_fadeIn");
|
|
|
+ // $(".elab_project").removeClass("animate_fadeIn");
|
|
|
+ // $(".elab_contact").removeClass("animate_fadeIn");
|
|
|
|
|
|
- $(".elab_who").addClass("animate_fadeOut");
|
|
|
- $(".elab_news").addClass("animate_fadeOut");
|
|
|
- $(".elab_project").addClass("animate_fadeOut");
|
|
|
- $(".elab_contact").addClass("animate_fadeOut");
|
|
|
},function () {
|
|
|
currentIdx = 0;
|
|
|
- $(".elab_what").css("opacity","1");
|
|
|
+ /* $(".elab_what").css("opacity","1");
|
|
|
$(".elab_who").removeClass("animate_fadeOut");
|
|
|
$(".elab_what").removeClass("animate_fadeOut");
|
|
|
$(".elab_news").removeClass("animate_fadeOut");
|
|
|
$(".elab_project").removeClass("animate_fadeOut");
|
|
|
- $(".elab_contact").removeClass("animate_fadeOut");
|
|
|
+ $(".elab_contact").removeClass("animate_fadeOut");*/
|
|
|
|
|
|
- $(".elab_who").addClass("animate_fadeIn");
|
|
|
- $(".elab_news").addClass("animate_fadeIn");
|
|
|
- $(".elab_project").addClass("animate_fadeIn");
|
|
|
- $(".elab_contact").addClass("animate_fadeIn");
|
|
|
+ // $(".elab_who").addClass("animate_fadeIn");
|
|
|
+ // $(".elab_news").addClass("animate_fadeIn");
|
|
|
+ // $(".elab_project").addClass("animate_fadeIn");
|
|
|
+ // $(".elab_contact").addClass("animate_fadeIn");
|
|
|
});
|
|
|
|
|
|
$('.elab_news').hover(function () {
|
|
|
currentIdx = 3;
|
|
|
- $(".elab_news").css("opacity","1");
|
|
|
+ /*$(".elab_news").css("opacity","1");
|
|
|
$(".elab_who").removeClass("animate_fadeIn");
|
|
|
$(".elab_what").removeClass("animate_fadeIn");
|
|
|
$(".elab_news").removeClass("animate_fadeIn");
|
|
|
$(".elab_project").removeClass("animate_fadeIn");
|
|
|
- $(".elab_contact").removeClass("animate_fadeIn");
|
|
|
+ $(".elab_contact").removeClass("animate_fadeIn");*/
|
|
|
|
|
|
- $(".elab_who").addClass("animate_fadeOut");
|
|
|
- $(".elab_what").addClass("animate_fadeOut");
|
|
|
- $(".elab_project").addClass("animate_fadeOut");
|
|
|
- $(".elab_contact").addClass("animate_fadeOut");
|
|
|
},function () {
|
|
|
currentIdx = 0;
|
|
|
- $(".elab_news").css("opacity","1");
|
|
|
+ /*$(".elab_news").css("opacity","1");
|
|
|
$(".elab_who").removeClass("animate_fadeOut");
|
|
|
$(".elab_what").removeClass("animate_fadeOut");
|
|
|
$(".elab_news").removeClass("animate_fadeOut");
|
|
|
$(".elab_project").removeClass("animate_fadeOut");
|
|
|
- $(".elab_contact").removeClass("animate_fadeOut");
|
|
|
+ $(".elab_contact").removeClass("animate_fadeOut");*/
|
|
|
|
|
|
- $(".elab_who").addClass("animate_fadeIn");
|
|
|
- $(".elab_what").addClass("animate_fadeIn");
|
|
|
- $(".elab_project").addClass("animate_fadeIn");
|
|
|
- $(".elab_contact").addClass("animate_fadeIn");
|
|
|
+ // $(".elab_who").addClass("animate_fadeIn");
|
|
|
+ // $(".elab_what").addClass("animate_fadeIn");
|
|
|
+ // $(".elab_project").addClass("animate_fadeIn");
|
|
|
+ // $(".elab_contact").addClass("animate_fadeIn");
|
|
|
});
|
|
|
|
|
|
$('.elab_project').hover(function () {
|
|
|
currentIdx = 4;
|
|
|
- $(".elab_project").css("opacity","1");
|
|
|
+ /*$(".elab_project").css("opacity","1");
|
|
|
|
|
|
$(".elab_who").removeClass("animate_fadeIn");
|
|
|
$(".elab_what").removeClass("animate_fadeIn");
|
|
|
@@ -264,10 +269,10 @@
|
|
|
$(".elab_who").addClass("animate_fadeOut");
|
|
|
$(".elab_what").addClass("animate_fadeOut");
|
|
|
$(".elab_news").addClass("animate_fadeOut");
|
|
|
- $(".elab_contact").addClass("animate_fadeOut");
|
|
|
+ $(".elab_contact").addClass("animate_fadeOut");*/
|
|
|
},function () {
|
|
|
currentIdx = 0;
|
|
|
- $(".elab_project").css("opacity","1");
|
|
|
+ /*$(".elab_project").css("opacity","1");
|
|
|
$(".elab_who").removeClass("animate_fadeOut");
|
|
|
$(".elab_what").removeClass("animate_fadeOut");
|
|
|
$(".elab_news").removeClass("animate_fadeOut");
|
|
|
@@ -277,12 +282,12 @@
|
|
|
$(".elab_who").addClass("animate_fadeIn");
|
|
|
$(".elab_what").addClass("animate_fadeIn");
|
|
|
$(".elab_news").addClass("animate_fadeIn");
|
|
|
- $(".elab_contact").addClass("animate_fadeIn");
|
|
|
+ $(".elab_contact").addClass("animate_fadeIn");*/
|
|
|
});
|
|
|
|
|
|
$('.elab_contact').hover(function () {
|
|
|
currentIdx = 5;
|
|
|
- $(".elab_contact").css("opacity","1");
|
|
|
+ /*$(".elab_contact").css("opacity","1");
|
|
|
$(".elab_who").removeClass("animate_fadeIn");
|
|
|
$(".elab_what").removeClass("animate_fadeIn");
|
|
|
$(".elab_news").removeClass("animate_fadeIn");
|
|
|
@@ -292,10 +297,10 @@
|
|
|
$(".elab_who").addClass("animate_fadeOut");
|
|
|
$(".elab_what").addClass("animate_fadeOut");
|
|
|
$(".elab_news").addClass("animate_fadeOut");
|
|
|
- $(".elab_project").addClass("animate_fadeOut");
|
|
|
+ $(".elab_project").addClass("animate_fadeOut");*/
|
|
|
},function () {
|
|
|
currentIdx = 0;
|
|
|
- $(".elab_contact").css("opacity","1");
|
|
|
+ /* $(".elab_contact").css("opacity","1");
|
|
|
$(".elab_who").removeClass("animate_fadeOut");
|
|
|
$(".elab_what").removeClass("animate_fadeOut");
|
|
|
$(".elab_news").removeClass("animate_fadeOut");
|
|
|
@@ -305,7 +310,7 @@
|
|
|
$(".elab_who").addClass("animate_fadeIn");
|
|
|
$(".elab_what").addClass("animate_fadeIn");
|
|
|
$(".elab_news").addClass("animate_fadeIn");
|
|
|
- $(".elab_project").addClass("animate_fadeIn");
|
|
|
+ $(".elab_project").addClass("animate_fadeIn");*/
|
|
|
});
|
|
|
<!-- menu hover end -->
|
|
|
<!--mouse over listener start-->
|
|
|
@@ -315,30 +320,38 @@
|
|
|
markIdx = currentIdx;
|
|
|
var link = '';
|
|
|
var empty = true;
|
|
|
+ // [".elab_who",".elab_what",".elab_news",".elab_project",".elab_contact"]
|
|
|
+ var currentClassName = '';
|
|
|
switch (markIdx) {
|
|
|
case 0:
|
|
|
link = '';
|
|
|
empty = true;
|
|
|
+ currentClassName = "";
|
|
|
break;
|
|
|
case 1:
|
|
|
link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_what.png)';
|
|
|
empty = false;
|
|
|
+ currentClassName = "elab_who";
|
|
|
break;
|
|
|
case 2:
|
|
|
link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_do.png)';
|
|
|
empty = false;
|
|
|
+ currentClassName = "elab_what";
|
|
|
break;
|
|
|
case 3:
|
|
|
link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_news.png)';
|
|
|
empty = false;
|
|
|
+ currentClassName = "elab_news";
|
|
|
break;
|
|
|
case 4:
|
|
|
link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_project.png)';
|
|
|
empty = false;
|
|
|
+ currentClassName = "elab_project";
|
|
|
break;
|
|
|
case 5:
|
|
|
link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_join.png)';
|
|
|
empty = false;
|
|
|
+ currentClassName = "elab_contact";
|
|
|
break;
|
|
|
}
|
|
|
if(empty){
|
|
|
@@ -350,21 +363,25 @@
|
|
|
$(".menu-background").fadeOut(400,function () {
|
|
|
$(".menu-background").css('background-image',link);
|
|
|
$(".menu-background").fadeIn(800);
|
|
|
- })
|
|
|
+ });
|
|
|
}else {
|
|
|
$(".menu-background").css('background-image',link);
|
|
|
$(".menu-background").fadeIn(800);
|
|
|
}
|
|
|
}
|
|
|
lastIdx = markIdx;
|
|
|
+ lastClassName = currentClassName;
|
|
|
}
|
|
|
},1210);
|
|
|
|
|
|
var $_list;
|
|
|
+ var $_listV;
|
|
|
//读取分类数据 106.14.225.13
|
|
|
$.get("http://192.168.0.16:8081/rest/listNews", function (result) {
|
|
|
console.log("Result Data:" + JSON.stringify(result.result));
|
|
|
+ window.newsList = result.result;
|
|
|
$_list = result.result;
|
|
|
+ $_listV = result.result;
|
|
|
handleModuleShow();
|
|
|
});
|
|
|
/**
|
|
|
@@ -389,62 +406,66 @@
|
|
|
var $_img1 = tmp1['bgImage'] || 'http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg';
|
|
|
var $_img2 = tmp2['bgImage'] || 'http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg';
|
|
|
|
|
|
- var data0 = new Date(tmp0['updated']);
|
|
|
- var data1 = new Date(tmp1['updated']);
|
|
|
- var data2 = new Date(tmp2['updated']);
|
|
|
+ var data0 = new Date(tmp0['created']);
|
|
|
+ console.log("tmp0['created']:"+tmp0['created']);
|
|
|
+ console.log("data0:"+data0.getFullYear());
|
|
|
+ console.log("data0:"+data0.getMonth());
|
|
|
+ console.log("data0:"+data0.getDate());
|
|
|
+ var data1 = new Date(tmp1['created']);
|
|
|
+ var data2 = new Date(tmp2['created']);
|
|
|
|
|
|
- $_html = `<div class="newsItem_1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${tmp0['linkUrl']})">
|
|
|
+ $_html = `<div class="newsItem_1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${i})" >
|
|
|
<img class="itemBg" src="${$_img0}"/>
|
|
|
<div class="newsItem-mark item-inner"><a>${tmp0['tag']}</a></div>
|
|
|
<div class="item-title item-inner">${tmp0['title']}<p>${tmp0['subTitle']}</p></div>
|
|
|
- <div class="item-time item-time-inner"><p>${data0.toLocaleString( )}</p></div>
|
|
|
+ <div class="item-time item-time-inner"><p>${data0.getFullYear()+'.'+(data0.getMonth()+1)+'.'+data0.getDate()}</p></div>
|
|
|
</div>
|
|
|
<div class="newsBody">
|
|
|
- <div class="newsItem_2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${tmp1['linkUrl']})">
|
|
|
+ <div class="newsItem_2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${i+1})">
|
|
|
<img class="itemBg" src="${$_img1}" />
|
|
|
<div class="newsItem-mark item-inner"><a>${tmp1['tag']}</a></div>
|
|
|
<div class="item-title item-inner item-title-sub">${tmp1['title']}<p>${tmp1['subTitle']}</p></div>
|
|
|
- <div class="item-time item-time-inner"><p>${data1.toLocaleString( )}</p></div>
|
|
|
+ <div class="item-time item-time-inner"><p>${data1.getFullYear()+'.'+(data1.getMonth()+1)+'.'+data1.getDate()}</p></div>
|
|
|
</div>
|
|
|
- <div class="newsItem_3 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${tmp2['linkUrl']})">
|
|
|
+ <div class="newsItem_3 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${i+2})">
|
|
|
<img class="itemBg" src="${$_img2}" />
|
|
|
<div class="newsItem-mark item-inner"><a>${tmp2['tag']}</a></div>
|
|
|
<div class="item-title item-inner item-title-sub">${tmp2['title']}<p>${tmp2['subTitle']}</p></div>
|
|
|
- <div class="item-time item-time-inner"><p>${data2.toLocaleString( )}</p></div>
|
|
|
+ <div class="item-time item-time-inner"><p>${data2.getFullYear()+'.'+(data2.getMonth()+1)+'.'+data2.getDate()}</p></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
`;
|
|
|
}else if (tmp0 && tmp1 && !tmp2) {
|
|
|
var $_img0 = tmp0['bgImage'] || 'http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg';
|
|
|
var $_img1 = tmp1['bgImage'] || 'http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg';
|
|
|
- var data0 = new Date(tmp0['updated']);
|
|
|
- var data1 = new Date(tmp1['updated']);
|
|
|
+ var data0 = new Date(tmp0['created']);
|
|
|
+ var data1 = new Date(tmp1['created']);
|
|
|
$_html = `
|
|
|
<div class="newsBody">
|
|
|
- <div class="newsItem_2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${tmp0['linkUrl']})">
|
|
|
+ <div class="newsItem_2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${i}})">
|
|
|
<img class="itemBg" src="${$_img0}"/>
|
|
|
<div class="newsItem-mark item-inner"><a>${tmp0['tag']}</a></div>
|
|
|
<div class="item-title item-inner item-title-sub">${tmp0['title']}<p>${tmp0['subTitle']}</p></div>
|
|
|
- <div class="item-time item-time-inner"><p>${data0.toLocaleString( )}</p></div>
|
|
|
+ <div class="item-time item-time-inner"><p>${data0.getFullYear()+'.'+(data0.getMonth()+1)+'.'+data0.getDate()}</p></div>
|
|
|
</div>
|
|
|
- <div class="newsItem_3 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${tmp1['linkUrl']})">
|
|
|
+ <div class="newsItem_3 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${i+1})">
|
|
|
<img class="itemBg" src="${$_img1}" />
|
|
|
<div class="newsItem-mark item-inner"><a>${tmp1['tag']}</a></div>
|
|
|
<div class="item-title item-inner item-title-sub">${tmp1['title']}<p>${tmp1['subTitle']}</p></div>
|
|
|
- <div class="item-time item-time-inner"><p>${data1.toLocaleString( )}</p></div>
|
|
|
+ <div class="item-time item-time-inner"><p>${data1.getFullYear()+'.'+(data1.getMonth()+1)+'.'+data1.getDate()}</p></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
`;
|
|
|
}else if(tmp0 && !tmp1 && !tmp2){
|
|
|
var $_img0 = tmp0['bgImage'] || 'http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg';
|
|
|
- var data0 = new Date(tmp0['updated']);
|
|
|
+ var data0 = new Date(tmp0['created']);
|
|
|
$_html = `
|
|
|
<div class="newsBody">
|
|
|
- <div class="newsItem_2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${tmp0['linkUrl']})">
|
|
|
+ <div class="newsItem_2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${i}})">
|
|
|
<img class="itemBg" src="${$_img0}"/>
|
|
|
<div class="newsItem-mark item-inner"><a>${tmp0['tag']}</a></div>
|
|
|
<div class="item-title item-inner item-title-sub">${tmp0['title']}<p>${tmp0['subTitle']}</p></div>
|
|
|
- <div class="item-time item-time-inner"><p>${data0.toLocaleString( )}</p></div>
|
|
|
+ <div class="item-time item-time-inner"><p>${data0.getFullYear()+'.'+(data0.getMonth()+1)+'.'+data0.getDate()}</p></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
`;
|
|
|
@@ -460,28 +481,28 @@
|
|
|
*/
|
|
|
function handleListShow() {
|
|
|
// var list = [];
|
|
|
- console.log('handleListShow：'+JSON.stringify($_list));
|
|
|
- for(var i=0;i<$_list.length;i+=2){
|
|
|
- var item1 = $_list[i];
|
|
|
- var item2 = $_list[i+1];
|
|
|
+ console.log('handleListShow：'+JSON.stringify($_listV));
|
|
|
+ for(var i=0;i<$_listV.length;i+=2){
|
|
|
+ var item1 = $_listV[i];
|
|
|
+ var item2 = $_listV[i+1];
|
|
|
|
|
|
var $_t = (1 + i) * 0.2;
|
|
|
var $_html = '';
|
|
|
if(item2 && item1){
|
|
|
$_html = `<div class="news-list-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s">
|
|
|
|
|
|
- <div class="news-list-item-left" onclick="turnToArticle(${item1['linkUrl']})">
|
|
|
+ <div class="news-list-item-left" onclick="turnToArticle(${i})">
|
|
|
|
|
|
<div class="news-list-item-box"><p>${item1['id']}</p></div>
|
|
|
<div class="news-list-item-description">
|
|
|
- <div class="news-list-item-title"><p>${item1['title']}</p></div>
|
|
|
+ <div class="news-list-item-title"><p>${item1['title'].replace("<br>","")}</p></div>
|
|
|
<div class="news-list-item-bottom"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="news-list-item-right" onclick="turnToArticle(${item2['linkUrl']})">
|
|
|
+ <div class="news-list-item-right" onclick="turnToArticle(${i+1})">
|
|
|
<div class="news-list-item-box"><p>${item2['id']}</p></div>
|
|
|
<div class="news-list-item-description">
|
|
|
- <div class="news-list-item-title"><p>${item2['title']}</p></div>
|
|
|
+ <div class="news-list-item-title"><p>${item2['title'].replace("<br>","")}</p></div>
|
|
|
<div class="news-list-item-bottom"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -489,10 +510,10 @@
|
|
|
`;
|
|
|
}else if(!item2 && item1){
|
|
|
$_html = `<div class="news-list-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s">
|
|
|
- <div class="news-list-item-left" onclick="turnToArticle(${item1['linkUrl']})">
|
|
|
+ <div class="news-list-item-left" onclick="turnToArticle(${i})">
|
|
|
<div class="news-list-item-box"><p>${item1['id']}</p></div>
|
|
|
<div class="news-list-item-description">
|
|
|
- <div class="news-list-item-title"><p>${item1['title']}</p></div>
|
|
|
+ <div class="news-list-item-title"><p>${item1['title'].replace("<br>","")}</p></div>
|
|
|
<div class="news-list-item-bottom"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -503,6 +524,12 @@
|
|
|
}
|
|
|
$(".news-list").append($_html);
|
|
|
}
|
|
|
+ var $_bottomHtml = `
|
|
|
+ <div class="newsListBottom>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ `;
|
|
|
+ $(".news-list").append($_bottomHtml);
|
|
|
}
|
|
|
|
|
|
function lishChange() {
|
|
|
@@ -512,13 +539,14 @@
|
|
|
$(".news_tab_img").attr("src", "https://dm.static.elab-plus.com/elabGuanWang/Showroom@2x.png");
|
|
|
$(".news-sample-list").empty();
|
|
|
handleListShow();
|
|
|
- // news-body
|
|
|
+ // background-color: #2C2E34
|
|
|
$(".news-body").css("padding-top","5%");
|
|
|
}else {
|
|
|
$(".news_tab_img").attr("src", "https://dm.static.elab-plus.com/elabGuanWang/List@2x.png");
|
|
|
$(".news-list").empty();
|
|
|
handleModuleShow();
|
|
|
$(".news-body").css("padding-top","0%");
|
|
|
+ $(".top-menu-news").css("background-color","#2C2E34");
|
|
|
}
|
|
|
}
|
|
|
$(".news_tab_img").on("click", function (e) {
|
|
|
@@ -542,13 +570,22 @@
|
|
|
top.closeAndShowPro('projectsLayer');
|
|
|
}
|
|
|
|
|
|
- function turnToArticle(link) {
|
|
|
- console.log('turnToArticle：'+link);
|
|
|
- // $(".news-iframe",parent.document.body).attr("src","https://www.baidu.com/");
|
|
|
- if(!link){
|
|
|
+ function turnToArticle(data) {
|
|
|
+ var lineUrl = window.newsList[data]['linkUrl'];
|
|
|
+ var frame = document.getElementsByClassName("news-iframe")[0];
|
|
|
+ $(".top-menu-news").css("background-color","#FFFFFF");
|
|
|
+ console.log('turnToArticle：'+lineUrl);
|
|
|
+ if(!lineUrl){
|
|
|
return
|
|
|
}
|
|
|
- $(".news-iframe").src = link;
|
|
|
+ frame.src = lineUrl;
|
|
|
+ // $(".news-iframe").src = lineUrl;
|
|
|
+ // $(".news-iframe",parent.document.body).attr("src",lineUrl);
|
|
|
+ // $(window.parent.document).find(".news-iframe").attr("src",lineUrl);
|
|
|
+
|
|
|
+ $(".inner-main").attr("src", "http://yun-image.elab-plus.com/images/index/1_objects@2x_2.png");
|
|
|
+ $(".inner-menu").attr("src", "http://yun-image.elab-plus.com/images/index/1_objects@2x_3.png");
|
|
|
+ $(".inner-artcle").attr("src", "http://yun-image.elab-plus.com/images/index/1_objects@2x_4.png");
|
|
|
$(".news-detail").addClass("active");
|
|
|
iframeShow = true;
|
|
|
// news-body
|
leo.ye