Skip to content

html / bdideal

Go to a project
Commit 761a501f by hank
Options

api

parent f776538c
Showing with 96 additions and 62 deletions
html/about.html
......@@ -242,6 +242,8 @@
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<div id="particles-js" class="is-hello"></div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
......@@ -249,8 +251,11 @@
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
<script src="../js/banner.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script>
<script src="../js/partticles.js"></script>
</body>
<script>
$(document).ready(function () {
......
html/dynamic.html
......@@ -172,6 +172,8 @@
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<div id="particles-js" class="is-hello"></div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
......@@ -179,6 +181,8 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
<script src="../js/masonry-docs.min.js"></script>
<script src="../js/banner.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script>
<script src="../js/partticles.js"></script>
<!--[if lte IE 9]>
......@@ -405,10 +409,10 @@
rightBtn.css({ 'background': "black" });
}
if (getTranslate / 400 <= 0) {
console.log(totalWidth / 200, Math.abs(getTranslate / 400) + 4);
console.log(parseInt(totalWidth / 200), Math.abs(getTranslate / 400) + 4);
$('.swiper-slide').removeClass('show-mask');
for (
var i = totalWidth / 200;
var i = parseInt(totalWidth / 200);
i >= Math.abs((getTranslate / 400) * 2) + 4;
i--
) {
......
html/dynamicDetail.html
......@@ -210,6 +210,8 @@
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<div id="particles-js" class="is-hello"></div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
......@@ -218,6 +220,8 @@
<script src="../js/masonry-docs.min.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>
<script src="../js/partticles.js"></script>
</body>
......
html/productDetail.html
......@@ -172,6 +172,8 @@
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<div id="particles-js" class="is-hello"></div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
......@@ -180,6 +182,8 @@
<script src="../js/masonry-docs.min.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>
<script src="../js/partticles.js"></script>
</body>
......
html/products.html
......@@ -405,10 +405,10 @@
<script src="../js/banner.js"></script>
<script src="../js/tools.js"></script>
<script src="../js/partticles.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script>
<script src="../js/partticles.js"></script>
</body>
<script>
$(document).ready(function () {
......@@ -697,10 +697,10 @@
}
if (getTranslate / 400 <= 0) {
console.log(totalWidth / 200, Math.abs(getTranslate / 400) + 4);
console.log(parseInt(totalWidth / 200), Math.abs(getTranslate / 400) + 4);
$('.swiper-slide').removeClass('show-mask');
for (
var i = totalWidth / 200;
var i = parseInt(totalWidth / 200);
i >= Math.abs((getTranslate / 400) * 2) + 4;
i--
) {
......
html/products2.html
......@@ -681,10 +681,10 @@
}
if (getTranslate / 400 <= 0) {
console.log(totalWidth / 200, Math.abs(getTranslate / 400) + 4);
console.log(parseInt(totalWidth / 200), Math.abs(getTranslate / 400) + 4);
$('.swiper-slide').removeClass('show-mask');
for (
var i = totalWidth / 200;
var i = parseInt(totalWidth / 200);
i >= Math.abs((getTranslate / 400) * 2) + 4;
i--
) {
......
html/recruit.html
......@@ -328,6 +328,7 @@
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<div id="particles-js" class="is-hello"></div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
......@@ -335,6 +336,8 @@
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="../js/banner.js"></script>
<script src="../js/masonry-docs.min.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script>
<script src="../js/partticles.js"></script>
</body>
......
html/solution.html
......@@ -337,6 +337,7 @@
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<div id="particles-js" class="is-hello"></div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
......@@ -344,6 +345,8 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
<script src="../js/masonry-docs.min.js"></script>
<script src="../js/banner.js"></script>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script>
<script src="../js/partticles.js"></script>
<!--[if lte IE 9]>
......@@ -606,13 +609,14 @@
}
if (getTranslate / 400 <= 0) {
console.log(totalWidth / 200, Math.abs(getTranslate / 400) + 4);
console.log(totalWidth, Math.abs(getTranslate / 400) + 4);
$('.swiper-slide').removeClass('show-mask');
for (
var i = totalWidth / 200;
var i = parseInt(totalWidth / 200);
i >= Math.abs((getTranslate / 400) * 2) + 4;
i--
) {
console.log(i)
$('.swiper-slide')
.eq(i)
.addClass('show-mask');
......
js/tools.js
......@@ -143,6 +143,7 @@ this.ideal = this.ideal || {};
date: '2019.01.21',
thumb: '../img/dynamics1.png',
type: '大数据',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
images: []
},
{
......@@ -151,6 +152,7 @@ this.ideal = this.ideal || {};
date: '2018.11.29',
type: '数据可视化',
thumb: '../img/dynamics2.png',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
images: []
},
{
......@@ -158,6 +160,7 @@ this.ideal = this.ideal || {};
title: '可视化百人谈丨彭群生：可视化应成为辅助思维的有力工具',
date: '2019.02.15',
type: '数据可视化',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
thumb: '../img/dynamics3.png',
images: []
},
......@@ -167,6 +170,7 @@ this.ideal = this.ideal || {};
date: '2019.01.21',
thumb: '../img/dynamics4.png',
type: '大数据',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
images: []
},
{
......@@ -175,6 +179,7 @@ this.ideal = this.ideal || {};
date: '2019.01.21',
thumb: '../img/dynamics1.png',
type: '大数据',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
images: []
},
{
......@@ -183,6 +188,7 @@ this.ideal = this.ideal || {};
date: '2018.11.29',
type: '数据可视化',
thumb: '../img/dynamics2.png',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
images: []
},
{
......@@ -190,6 +196,7 @@ this.ideal = this.ideal || {};
title: '可视化百人谈丨彭群生：可视化应成为辅助思维的有力工具',
date: '2019.02.15',
type: '数据可视化',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
thumb: '../img/dynamics3.png',
images: []
},
......@@ -198,6 +205,7 @@ this.ideal = this.ideal || {};
title: '《新闻1+1》大数据里，我们过了怎样的年？',
date: '2019.01.21',
thumb: '../img/dynamics4.png',
tags: ['客群画像', '视频直播', '实时客流', '动线热力图'],
type: '大数据',
images: []
}
......
style/products.css
......@@ -247,7 +247,7 @@ ul {
top: 15px;
font-size: 38px;
color: rgba(0, 0, 0, 0.5);
opacity: 0.3;
opacity: 0.1;
width: 500px;
letter-spacing: 1px;
}
......@@ -325,7 +325,7 @@ ul {
.left-menu {
display: inline-block;
background-position: 0 0;
width: 280px;
width: 250px;
}
.left-menu .menu-title {
height: 115px;
......@@ -339,12 +339,12 @@ ul {
border-left: 2px solid #cccccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 305px;
height: 285px;
padding-top: 47px;
}
.left-menu .menu-list .menu-item {
line-height: 45px;
height: 45px;
line-height: 34px;
height: 34px;
padding-left: 25px;
font-size: 18px;
margin-bottom: 34px ;
......@@ -361,7 +361,7 @@ ul {
content: "";
position: absolute;
width: 6px;
height: 45px;
height: 34px;
left: -2px;
top: 0;
background: #000;
......@@ -426,7 +426,7 @@ ul {
}
.solution .list {
float: right;
width: 860px;
width: 890px;
display: inline-block;
height: 704px;
position: relative;
......@@ -475,7 +475,7 @@ ul {
width: 374px;
left: 0;
top: 0;
height: 300px ;
height: 281px ;
position: absolute;
opacity: 0;
-webkit-transition: all 1s;
......@@ -488,9 +488,9 @@ ul {
}
.solution .list .item {
width: 374px;
height: 300px;
margin-right: 26px;
margin-bottom: 27px;
height: 281px;
margin-right: 24px;
margin-bottom: 24px;
position: relative;
-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
......@@ -503,7 +503,7 @@ ul {
}
.solution .list .item a .img-container {
width: 374px;
height: 212px;
height: 193px;
overflow: hidden;
}
.solution .list .item a img {
......
style/products.less
......@@ -267,7 +267,7 @@ ul {
top: 15px;
font-size: 38px;
color: rgba(0, 0, 0, 0.5);
opacity: 0.3;
opacity: 0.1;
width: 500px;
letter-spacing: 1px;
}
......@@ -354,7 +354,7 @@ ul {
display: inline-block;
// background: url('/img/bg3.png') top center no-repeat;
background-position: 0 0;
width: 280px;
width: 250px;
.menu-title {
height: 115px;
img {
......@@ -367,11 +367,11 @@ ul {
border-left: 2px solid rgba(204,204,204,1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
height:305px;
height:285px;
padding-top: 47px;
.menu-item {
line-height: 45px;
height: 45px;
line-height: 34px;
height: 34px;
padding-left: 25px;
font-size: 18px;
margin-bottom: 34px ;
......@@ -389,7 +389,7 @@ ul {
content: "";
position: absolute;
width: 6px;
height: 45px;
height: 34px;
left: -2px;
top:0;
background: #000;
......@@ -459,7 +459,7 @@ ul {
}
.list {
float: right;
width: 860px;
width: 890px;
display: inline-block;
// height: 654px;
height: 704px;
......@@ -507,7 +507,7 @@ ul {
width: 374px;
left: 0;
top: 0;
height:300px ;
height:281px ;
position: absolute;
opacity: 0;
-webkit-transition: all 1s;
......@@ -526,9 +526,9 @@ ul {
}
.item {
width:374px;
height: 300px;
margin-right: 26px;
margin-bottom: 27px;
height: 281px;
margin-right: 24px;
margin-bottom: 24px;
position: relative;
-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
......@@ -540,7 +540,7 @@ ul {
overflow: hidden;
.img-container {
width:374px;
height:212px;
height:193px;
overflow: hidden;
}
img {
......
style/solution.css
......@@ -273,7 +273,7 @@ ul {
}
.solution .list {
float: right;
width: 860px;
width: 890px;
display: inline-block;
height: 704px;
position: relative;
......@@ -322,7 +322,7 @@ ul {
width: 374px;
left: 0;
top: 0;
height: 310px ;
height: 286px ;
position: absolute;
opacity: 0;
-webkit-transition: all 1s;
......@@ -335,9 +335,9 @@ ul {
}
.solution .list .item {
width: 374px;
height: 310px;
margin-right: 26px;
margin-bottom: 27px;
height: 286px;
margin-right: 24px;
margin-bottom: 24px;
position: relative;
-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
......@@ -351,7 +351,7 @@ ul {
}
.solution .list .item a .img-container {
width: 374px;
height: 212px;
height: 193px;
overflow: hidden;
}
.solution .list .item a .img-container img {
......@@ -423,7 +423,7 @@ ul {
.left-menu {
display: inline-block;
background-position: 0 0;
width: 280px;
width: 250px;
}
.left-menu .menu-title {
height: 115px;
......@@ -438,12 +438,12 @@ ul {
border-left: 2px solid #cccccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 305px;
height: 285px;
padding-top: 47px;
}
.left-menu .menu-list .menu-item {
line-height: 45px;
height: 45px;
line-height: 34px;
height: 34px;
padding-left: 25px;
font-size: 18px;
margin-bottom: 34px ;
......@@ -460,7 +460,7 @@ ul {
content: "";
position: absolute;
width: 6px;
height: 45px;
height: 34px;
left: -2px;
top: 0;
background: #000;
......@@ -650,7 +650,8 @@ ul {
margin-right: 1%;
}
.product-detail-container {
min-height: 650px;
min-height: 600px;
padding-bottom: 50px;
}
.detail-container {
background: url('/img/kuang3.png') top center no-repeat;
......@@ -700,7 +701,7 @@ ul {
}
.detail-container .introduce .bottom {
width: 307px;
height: 198px;
min-height: 198px;
text-align: justify;
padding-top: 40px;
color: #979797;
......
style/solution.less
......@@ -290,7 +290,7 @@ ul {
}
.list {
float: right;
width: 860px;
width: 890px;
display: inline-block;
// height: 654px;
height: 704px;
......@@ -338,7 +338,7 @@ ul {
width: 374px;
left: 0;
top: 0;
height:310px ;
height: 286px ;
position: absolute;
opacity: 0;
-webkit-transition: all 1s;
......@@ -357,9 +357,9 @@ ul {
}
.item {
width:374px;
height: 310px;
margin-right: 26px;
margin-bottom: 27px;
height: 286px;
margin-right: 24px;
margin-bottom: 24px;
position: relative;
-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
......@@ -372,7 +372,7 @@ ul {
overflow: hidden;
.img-container {
width:374px;
height:212px;
height:193px;
overflow: hidden;
img {
width: 100%;
......@@ -458,7 +458,7 @@ ul {
display: inline-block;
// background: url('/img/bg3.png') top center no-repeat;
background-position: 0 0;
width: 280px;
width: 250px;
.menu-title {
height: 115px;
height:167px;
......@@ -473,11 +473,11 @@ ul {
border-left: 2px solid rgba(204,204,204,1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
height:305px;
height:285px;
padding-top: 47px;
.menu-item {
line-height: 45px;
height: 45px;
line-height: 34px;
height: 34px;
padding-left: 25px;
font-size: 18px;
margin-bottom: 34px ;
......@@ -495,7 +495,7 @@ ul {
content: "";
position: absolute;
width: 6px;
height: 45px;
height: 34px;
left: -2px;
top:0;
background: #000;
......@@ -693,7 +693,8 @@ ul {
}
.product-detail-container {
min-height: 650px;
min-height: 600px;
padding-bottom: 50px;
}
.detail-container {
background: url('/img/kuang3.png') top center no-repeat;
......@@ -742,7 +743,7 @@ ul {
}
.bottom {
width:307px;
height:198px;
min-height:198px;
text-align: justify;
padding-top: 40px;
color: #979797;
......
upload.sh
\scp -r ./style root@47.94.12.217:/home/webroot/html
\ No newline at end of file
\scp -r ./ root@47.94.12.217:/home/webroot/html
\ 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