Skip to content

html / bdideal

Go to a project
Commit cc27f0cb by hank
Options

优化

parent 8c577267
Showing with 212 additions and 497 deletions
html/products.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN"> <html lang="zh-CN">
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
...@@ -12,9 +11,15 @@ ...@@ -12,9 +11,15 @@
<link rel="icon" href="/img/favicon.ico" /> <link rel="icon" href="/img/favicon.ico" />
<!-- Bootstrap --> <!-- Bootstrap -->
<link rel="stylesheet" href="../style/common.css" /> <link rel="stylesheet" href="../style/common.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet" /> <link
href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
<!-- <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.css" /> --> <!-- <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.css" /> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css"> <link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css"
/>
<link rel="stylesheet" href="../style/animate.min.css" /> <link rel="stylesheet" href="../style/animate.min.css" />
...@@ -29,9 +34,9 @@ ...@@ -29,9 +34,9 @@
<script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script> <script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script>
<script src="../js/swiper.animate1.0.3.min.js"></script> <script src="../js/swiper.animate1.0.3.min.js"></script>
<script src="../js/tools.js"></script> <script src="../js/tools.js"></script>
</head> </head>
<body> <body>
<div class="main-container"> <div class="main-container">
<div class="navbar-container"> <div class="navbar-container">
<div class="navbar navbar-inverse "> <div class="navbar navbar-inverse ">
...@@ -39,13 +44,20 @@ ...@@ -39,13 +44,20 @@
<nav role="navigation"> <nav role="navigation">
<div class="container"> <div class="container">
<div class="nav navbar-header"> <div class="nav navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" <button
aria-label="Expand and Collapse Menu"> type="button"
class="navbar-toggle"
data-toggle="collapse"
data-target=".navbar-collapse"
aria-label="Expand and Collapse Menu"
>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="navbar-brand" href="index.html"><img src="../img/LOGOsmall2.png" alt="" /></a> <a class="navbar-brand" href="index.html"
><img src="../img/LOGOsmall2.png" alt=""
/></a>
</div> </div>
<div class="navbar-collapse collapse"> <div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
...@@ -69,22 +81,34 @@ ...@@ -69,22 +81,34 @@
</nav> </nav>
</div> </div>
</div> </div>
<div id="banner" class="" style="height: 552px; <div
id="banner"
class=""
style="height: 552px;
visibility: visible; visibility: visible;
animation-delay: 0.3s; animation-delay: 0.3s;
animation-duration: 0.3s;"> animation-duration: 0.3s;"
>
<div class="container relative"> <div class="container relative">
<div class="word-box"> <div class="word-box">
<p class="line1"></p> <p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;"> <p
class="btworden animated bounceInRight"
style="animation-delay: 1s;"
>
顶尖的数据分析能力 顶尖的数据分析能力
</p> </p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;"> <p
class="btword animated bounceInRight "
style="animation-delay: 0.7s;"
>
智慧城市可视化管控平台 智慧城市可视化管控平台
</p> </p>
<p class="conword animated bounceInRight" style="animation-delay: 02s;"> <p
class="conword animated bounceInRight"
style="animation-delay: 02s;"
>
<li> <li>
· 基于 SAAS 互联网平台化服务，持续升级，无需下载安装。 · · 基于 SAAS 互联网平台化服务，持续升级，无需下载安装。 ·
完美兼容大屏、TV、PC、PAD、手机各类终端，随时使用。 完美兼容大屏、TV、PC、PAD、手机各类终端，随时使用。
...@@ -97,7 +121,7 @@ ...@@ -97,7 +121,7 @@
<p class="line2"></p> <p class="line2"></p>
</div> </div>
</div> </div>
<img src="../img/bg4_small.png" alt="" class="qiu"> <img src="../img/bg4_small.png" alt="" class="qiu" />
</div> </div>
</div> </div>
...@@ -150,186 +174,14 @@ ...@@ -150,186 +174,14 @@
</div> </div>
</div> </div>
<div class="list"> <div class="list">
<div class="text-right ctr"> <span class="spanbtn" id="slidePrev"> <div class="text-right ctr">
< </span> <span class="spanbtn" id="slideNext"> > <span class="spanbtn" id="slidePrev"> < </span>
</span></div> <span class="spanbtn" id="slideNext"> > </span>
</div>
<div id="dashuju" class="list-item"> <div id="dashuju" class="list-item">
<div class="swiper-container swiper1" id="swiper1"> <div class="swiper-container swiper1" id="swiper1">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" data-swiper-column="0" data-swiper-row="0"> <!-- <div class="swiper-slide" data-swiper-column="0" data-swiper-row="0">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro1.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统0</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide" data-swiper-column="0" data-swiper-row="1">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro2.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统1</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro3.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统2</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro4.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统3</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro5.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统4</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro6.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统5</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro7.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统6</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro8.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统7</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro9.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统8</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro7.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统9</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
</div>
</div>
</div>
<div id="shuzizhanting" style="" class="list-item">
<div class="swiper-container swiper2" id="swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide" data-swiper-column="0" data-swiper-row="0">
<div class="item"> <div class="item">
<a href=""> <a href="">
...@@ -495,188 +347,18 @@ ...@@ -495,188 +347,18 @@
</ul> </ul>
</a> </a>
</div> </div>
</div> -->
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="shuzihudong" style="" class="list-item">
<div class="swiper-container swiper3" id="swiper3">
<div class="swiper-wrapper">
<div class="swiper-slide" data-swiper-column="0" data-swiper-row="0">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro1.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统0</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div> </div>
</div> </div>
<div class="swiper-slide" data-swiper-column="0" data-swiper-row="1">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro2.jpg" alt="">
</div> </div>
<div class="item-title">隆基泰和大数据分析决策系统1</div> <div
<ul class="tag-list"> id="footer"
<li>客群画像</li> style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;"
<li>视频直播</li> >
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro3.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统2</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro4.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统3</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro5.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统4</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro6.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统5</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro7.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统6</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro8.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统7</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro9.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统8</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="">
<div class="img-container">
<img src="http://bdideal.com/asset/img/homepro7.jpg" alt="">
</div>
<div class="item-title">隆基泰和大数据分析决策系统9</div>
<ul class="tag-list">
<li>客群画像</li>
<li>视频直播</li>
<li>实时客流</li>
<li>·动线热力图</li>
</ul>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer" style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;">
<div class="container"> <div class="container">
<div class="row footer-content"> <div class="row footer-content">
<div class="col-xs-12 col-sm-12 col-md-4"> <div class="col-xs-12 col-sm-12 col-md-4">
...@@ -711,12 +393,15 @@ ...@@ -711,12 +393,15 @@
</div> </div>
</div> </div>
</div> </div>
<div class="copyright text-center" style="height: 50px; <div
class="copyright text-center"
style="height: 50px;
line-height: 50px; line-height: 50px;
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
background: #212121;"> background: #212121;"
>
@2018 all copyrights reserved by bdideal.com @2018 all copyrights reserved by bdideal.com
</div> </div>
</div> </div>
...@@ -727,40 +412,52 @@ ...@@ -727,40 +412,52 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script> <script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="../js/banner.js"></script> <script src="../js/banner.js"></script>
<script src="../js/tools.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js <script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script> "></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
<script src="../js/partticles.js"></script> <script src="../js/partticles.js"></script>
</body> </body>
<script> <script>
$(document).ready(function () { $(document).ready(function() {
function createHtml(data) {
var html = '';
data.forEach(item => {
html +=
'<div class="swiper-slide">' +
'<div class="item"> ' +
'<a href=""> ' +
'<div class="img-container">' +
'<img src="' +
item.imagesUrl +
'" alt="">' +
'</div>' +
'<div class="item-title"> ' +
item.proName +
'</div>' +
'<ul class="tag-list">' +
(function(a) {
var li = '';
a.forEach(ele => {
li += '<li>' + ele + '</li>';
});
return li;
})(item.tags) +
'</ul>' +
'</a></div></div>';
});
return html;
}
console.log(createHtml(ideal.produtsList));
window.mySwiper = new Swiper('#swiper1', { window.mySwiper = new Swiper('#swiper1', {
slidesPerView: "auto", slidesPerView: 'auto',
slidesPerColumn: 2, slidesPerColumn: 2,
on: { on: {
transitionEnd: function (swiper) { transitionEnd: function(swiper) {
// alert('过渡结束'); // alert('过渡结束');
computeMasking(this) computeMasking(this);
},
} }
// spaceBetween: 30,
// direction: 'horizontal', // 垂直切换选项
// loop: true, // 循环模式选项
// autoplay: 1500,
// paginationClickable: true,
// // 如果需要分页器
// pagination: '.swiper-pagination'
});
window.mySwiper1 = new Swiper('#swiper2', {
slidesPerView: "auto",
slidesPerColumn: 2,
on: {
transitionEnd: function (swiper) {
// alert('过渡结束');
computeMasking(this)
},
} }
// spaceBetween: 30, // spaceBetween: 30,
// direction: 'horizontal', // 垂直切换选项 // direction: 'horizontal', // 垂直切换选项
...@@ -769,101 +466,77 @@ ...@@ -769,101 +466,77 @@
// paginationClickable: true, // paginationClickable: true,
// // 如果需要分页器 // // 如果需要分页器
// pagination: '.swiper-pagination' // pagination: '.swiper-pagination'
}); });
window.mySwiper2 = new Swiper('#swiper3', { function update(html) {
slidesPerView: "auto", $('#swiper1')
slidesPerColumn: 2, .children()
on: { .html(html ? html : createHtml(ideal.produtsList));
transitionEnd: function (swiper) { mySwiper.update(true);
// alert('过渡结束');
computeMasking(this)
},
} }
// spaceBetween: 30, update();
// direction: 'horizontal', // 垂直切换选项 $('#slidePrev').click(function() {
// loop: true, // 循环模式选项 mySwiper.slidePrev(200, true, function(e) {
// autoplay: 1500, console.log(e);
// paginationClickable: true, alert('slidePrev');
// // 如果需要分页器
// pagination: '.swiper-pagination'
}); });
$("#swiper3").parent().hide()
$("#swiper3").parent().hide()
$('#slidePrev').click(function () {
mySwiper.slidePrev(200, true, function (e) {
console.log(e)
alert('slidePrev')
}); });
}) $('#slideNext').click(function() {
$('#slideNext').click(function () { mySwiper.slideNext(200, true, function(e) {
mySwiper.slideNext(200, true, function (e) { console.log(e);
console.log(e) alert('slideNext');
alert('slideNext')
}); });
}); });
mySwiper.$wrapperEl.transitionEnd(function (e) { mySwiper.$wrapperEl.transitionEnd(function(e) {
console.log(mySwiper.activeIndex) console.log(mySwiper.activeIndex);
// alert('swiper自带transitionEnd不会触发，这是自定义的'); // alert('swiper自带transitionEnd不会触发，这是自定义的');
}); });
function tab(container) { function tab(container) {
$('.menu-item').click(function (e) { $('.menu-item').click(function(e) {
$(this) $(this)
.parent() .parent()
.children() .children()
.removeClass('active'); .removeClass('active');
$(this).addClass('active'); $(this).addClass('active');
var index = $(this).index(); var index = $(this).index();
$(this) update();
.parent()
.parent()
.parent()
.children()
.find('.list');
var list_item = $(this)
.parent()
.parent()
.parent()
.find('.list')
.children();
list_item.hide();
mySwiper.slideTo(0, 1000, false); mySwiper.slideTo(0, 1000, false);
list_item.eq(0).show();
list_item.eq(index + 1).show();
}); });
} }
tab(); tab();
$('.earth .left-btn').mousemove(function () { $('.earth .left-btn').mousemove(function() {
$('.earth .earth-bg').attr('src', "../img/earth1.png"); $('.earth .earth-bg').attr('src', '../img/earth1.png');
$('.earth .select').css({ $('.earth .select').css({
'transform-origin': '53% 50%', 'transform-origin': '53% 50%',
transform: 'rotate(0deg)' transform: 'rotate(0deg)'
}) });
}) });
$('.earth .right-btn').mousemove(function () { $('.earth .right-btn').mousemove(function() {
$('.earth .earth-bg').attr('src', "../img/earth2.png"); $('.earth .earth-bg').attr('src', '../img/earth2.png');
$('.earth .select').css({ $('.earth .select').css({
'transform-origin': '53% 50%', 'transform-origin': '53% 50%',
transform: 'rotate(180deg)' transform: 'rotate(180deg)'
}) });
}) });
function computeMasking(swiper) { function computeMasking(swiper) {
var getTranslate = swiper.getTranslate(); var getTranslate = swiper.getTranslate();
var totalWidth = $('.swiper-wrapper').width(); var totalWidth = $('.swiper-wrapper').width();
var viewWidth = 860; var viewWidth = 860;
if (getTranslate / 400 <= 0) { if (getTranslate / 400 <= 0) {
console.log(totalWidth / 200, Math.abs(getTranslate / 400) + 4) console.log(totalWidth / 200, Math.abs(getTranslate / 400) + 4);
$('.swiper-slide').removeClass('show-mask') $('.swiper-slide').removeClass('show-mask');
for (var i = (totalWidth) / 200; i >= Math.abs(getTranslate / 400 * 2) + 4; i--) { for (
$('.swiper-slide').eq(i).addClass('show-mask'); var i = totalWidth / 200;
i >= Math.abs((getTranslate / 400) * 2) + 4;
i--
) {
$('.swiper-slide')
.eq(i)
.addClass('show-mask');
} }
} }
} }
computeMasking(mySwiper) computeMasking(mySwiper);
}); });
</script> </script>
</html> </html>
js/tools.js
Date.prototype.Format = function (fmt) { //author: meizz Date.prototype.Format = function(fmt) {
//author: meizz
var o = { var o = {
"M+": this.getMonth() + 1, //月份 'M+': this.getMonth() + 1, //月份
"d+": this.getDate(), //日 'd+': this.getDate(), //日
"h+": this.getHours(), //小时 'h+': this.getHours(), //小时
"m+": this.getMinutes(), //分 'm+': this.getMinutes(), //分
"s+": this.getSeconds(), //秒 's+': this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度 'q+': Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒 S: this.getMilliseconds() //毫秒
}; };
if (/(y+)/.test(fmt)) if (/(y+)/.test(fmt))
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); fmt = fmt.replace(
RegExp.$1,
(this.getFullYear() + '').substr(4 - RegExp.$1.length)
);
for (var k in o) for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) if (new RegExp('(' + k + ')').test(fmt))
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); fmt = fmt.replace(
RegExp.$1,
RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length)
);
return fmt; return fmt;
} };
this.ideal = this.ideal || {}; this.ideal = this.ideal || {};
(function (window) { (function(window) {
function GetRequest(key) { function GetRequest(key) {
var url = location.search; //获取url中"?"符后的字串 var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object(); var theRequest = new Object();
if (url.indexOf("?") != -1) { if (url.indexOf('?') != -1) {
var str = url.substr(1); var str = url.substr(1);
strs = str.split("&"); strs = str.split('&');
for (var i = 0; i < strs.length; i++) { for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]); theRequest[strs[i].split('=')[0]] = decodeURI(strs[i].split('=')[1]);
} }
} }
if(key) { if (key) {
return theRequest[key]; return theRequest[key];
} else { } else {
return theRequest; return theRequest;
} }
} }
ideal.getUrlQuery = GetRequest ideal.getUrlQuery = GetRequest;
// 解决方案列表 // 解决方案列表
// type 123 大数据可视化 | 数字展厅 | 数字互动展厅解决方案 // type 123 大数据可视化 | 数字展厅 | 数字互动展厅解决方案
ideal.produtsList = [ ideal.produtsList = [
{ {
id: 1, id: 1,
proName: '隆基泰和大数据分析决策系统', proName: '隆基泰和大数据分析决策系统',
images: [], imagesUrl: 'http://bdideal.com/asset/img/homepro9.jpg',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
type: 1 type: 1
}, },
{ {
id: 2, id: 2,
proName: '隆基泰和大数据分析决策系统', proName: '隆基泰和大数据分析决策系统',
images: [], imagesUrl: 'http://bdideal.com/asset/img/homepro10.jpg',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
type: 1 type: 1
}, },
{ {
id: 3, id: 3,
proName: '隆基泰和大数据分析决策系统', proName: '隆基泰和大数据分析决策系统',
images: [], imagesUrl: 'http://bdideal.com/asset/img/homepro8.jpg',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
type: 1 type: 1
}, },
{ {
id: 4, id: 4,
proName: '隆基泰和大数据分析决策系统', proName: '隆基泰和大数据分析决策系统',
images: [], imagesUrl: 'http://bdideal.com/asset/img/homepro7.jpg',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
type: 1 type: 1
}, },
{ {
id: 5, id: 5,
proName: '隆基泰和大数据分析决策系统', proName: '隆基泰和大数据分析决策系统',
images: [], imagesUrl: 'http://bdideal.com/asset/img/homepro6.jpg',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
type: 1 type: 1
}, },
{ {
id: 6, id: 6,
proName: '隆基泰和大数据分析决策系统', proName: '隆基泰和大数据分析决策系统',
images: [], imagesUrl: 'http://bdideal.com/asset/img/homepro5.jpg',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
type: 1
},
{
id: 7,
proName: '隆基泰和大数据分析决策系统',
imagesUrl: 'http://bdideal.com/asset/img/homepro4.jpg',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
type: 1
},
{
id: 8,
proName: '隆基泰和大数据分析决策系统',
imagesUrl: 'http://bdideal.com/asset/img/homepro3.jpg',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
type: 1
},
{
id: 9,
proName: '隆基泰和大数据分析决策系统',
imagesUrl: 'http://bdideal.com/asset/img/homepro2.jpg',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
type: 1
},
{
id: 10,
proName: '隆基泰和大数据分析决策系统',
imagesUrl: 'http://bdideal.com/asset/img/homepro1.jpg',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
type: 1 type: 1
} }
]; ];
ideal.dynamicList = [ ideal.dynamicList = [
{ {
id: 1, id: 1,
title: "数字理想作为优秀被投企业受邀参加哈工创投三周年庆典", title: '数字理想作为优秀被投企业受邀参加哈工创投三周年庆典',
date: '2019.01.18', date: '2019.01.21',
type: "商讯", imagesUrl: '../img/dynamics1.png',
type: '大数据',
images: [] images: []
}, },
{ {
id: 2, id: 2,
title: "数字理想作为优秀被投企业受邀参加哈工创投三周年庆典", title: '数字理想用120个昼夜在潼湖实现了一个小目标',
date: '2019.01.18', date: '2018.11.29',
type: "商讯", type: '数据可视化',
imagesUrl: '../img/dynamics2.png',
images: [] images: []
}, },
{ {
id: 3, id: 3,
title: "数字理想作为优秀被投企业受邀参加哈工创投三周年庆典", title: '可视化百人谈丨彭群生：可视化应成为辅助思维的有力工具',
date: '2019.01.18', date: '2019.02.15',
type: "商讯", type: '数据可视化',
imagesUrl: '../img/dynamics3.png',
images: [] images: []
}, },
{ {
id: 4, id: 4,
title: "数字理想作为优秀被投企业受邀参加哈工创投三周年庆典", title: '《新闻1+1》大数据里，我们过了怎样的年？',
date: '2019.01.18', date: '2019.01.21',
type: "商讯", imagesUrl: '../img/dynamics4.png',
type: '大数据',
images: [] images: []
} }
];
] })(this);
})(this)
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment