Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
html
/
bdideal
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Wiki
Members
Activity
Graph
Charts
Create a new issue
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
b39a18ec
authored
Mar 20, 2019
by
hank
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
解决方案详情 新闻详情 解决方案
parent
9803f007
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
756 additions
and
319 deletions
+756
-319
html/dynamic.html
+71
-68
html/dynamicDetail.html
+4
-1
html/productDetail.html
+5
-1
html/products2.html
+72
-72
html/solution.html
+16
-176
style/common.css
+5
-1
style/solution.css
+276
-0
style/solution.less
+307
-0
No files found.
html/dynamic.html
View file @
b39a18ec
...
...
@@ -13,12 +13,9 @@
<!-- Bootstrap -->
<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
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"
>
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询(media queries)功能 -->
<!-- 警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
...
...
@@ -52,21 +49,21 @@
<div
class=
"navbar-collapse collapse"
>
<ul
class=
"nav navbar-nav navbar-right"
>
<li><a
id=
"nav-index"
href=
"./index.html"
>
首页
</a></li>
<li
><a
id=
"nav-about"
href=
"./about.html"
>
关于我们
</a></li>
<li
>
<li><a
id=
"nav-about"
href=
"./about.html"
>
关于我们
</a></li>
<li>
<a
id=
"nav-products"
href=
"./products.html"
>
我们的产品
<ul
class=
"dropdown-menu"
>
<li>
<object
data=
""
type=
""
><a
href=
"./products.html"
>
智慧城市可视化管控平台
</a></object>
</li>
<li>
<object
data=
""
type=
""
><a
href=
"./products2.html"
>
企业智慧可视化管控平台
</a></object>
</li>
<li>
<object
data=
""
type=
""
><a
href=
"./products.html"
>
智慧城市可视化管控平台
</a></object>
</li>
<li>
<object
data=
""
type=
""
><a
href=
"./products2.html"
>
企业智慧可视化管控平台
</a></object>
</li>
</ul>
</a>
</li>
<li
>
<li>
<a
id=
"nav-solution"
href=
"./solution.html"
>
解决方案
</a>
</li>
<li
class=
"link-active"
>
...
...
@@ -89,10 +86,10 @@
INDUSTRY NEWS
</p>
<p
class=
"btword animated bounceInRight "
style=
"animation-delay: 0.7s;"
>
实时捕捉前沿动态
实时捕捉前沿动态
</p>
<p
class=
"conword animated bounceInRight"
style=
"animation-delay: 0.32s;"
>
关注科技前沿动态,实时发布最新信息,全方位了解我们
关注科技前沿动态,实时发布最新信息,全方位了解我们
</p>
<p
class=
"line2"
></p>
</div>
...
...
@@ -113,21 +110,25 @@
</div>
<div
class=
"list"
>
<div
class=
"search hidden-xs"
>
<i
class=
"glyphicon glyphicon-search"
></i>
<input
type=
"text"
>
<i
class=
"glyphicon glyphicon-search"
></i>
<input
type=
"text"
>
<span
class=
"button"
>
搜索
</span>
</div>
<div
class=
"text-right ctr"
>
<span
class=
"spanbtn"
id=
"slidePrev"
>
<
</
span
>
<span
class=
"spanbtn"
id=
"slideNext"
>
>
</span>
<span
class=
"spanbtn"
id=
"slidePrev"
>
<
</
span
>
<span
class=
"spanbtn"
id=
"slideNext"
>
>
</span>
</div>
<div
id=
"dashuju"
class=
"list-item"
>
<div
id=
"dashuju"
class=
"list-item
hidden-xs
"
>
<div
class=
"swiper-container swiper1"
id=
"swiper1"
>
<div
class=
"swiper-wrapper"
>
<div
class=
"swiper-wrapper"
style=
"width: 2000px;"
>
</div>
</div>
</div>
<div
class=
"list-item list-item-moblie visible-xs"
>
</div>
</div>
</div>
</div>
...
...
@@ -198,27 +199,27 @@
<![endif]-->
</body>
<script>
$
(
document
).
ready
(
function
()
{
var
input
=
$
(
".search input"
);
var
button
=
$
(
".search .button"
);
var
searchValue
=
""
input
.
keyup
(
function
(
e
)
{
searchValue
=
e
.
target
.
value
})
input
.
focusout
(
function
(
param
)
{
setTimeout
(
function
()
{
$
(
".search"
).
css
(
'width'
,
'94px'
)
input
.
hide
()
},
500
)
})
$
(
document
).
ready
(
function
()
{
var
input
=
$
(
".search input"
);
var
button
=
$
(
".search .button"
);
var
searchValue
=
""
input
.
keyup
(
function
(
e
)
{
searchValue
=
e
.
target
.
value
})
input
.
focusout
(
function
(
param
)
{
setTimeout
(
function
()
{
$
(
".search"
).
css
(
'width'
,
'94px'
)
input
.
hide
()
},
500
)
})
$
(
".search"
).
click
(
function
(
param
)
{
$
(
".search"
).
css
(
'width'
,
'297px'
)
input
.
show
();
input
.
focus
()
})
if
(
navigator
.
appName
==
"Microsoft Internet Explorer"
&&
navigator
.
appVersion
.
split
(
";"
)[
1
].
replace
(
/
[
]
/g
,
""
)
==
"MSIE9.0"
)
{
})
if
(
navigator
.
appName
==
"Microsoft Internet Explorer"
&&
navigator
.
appVersion
.
split
(
";"
)[
1
].
replace
(
/
[
]
/g
,
""
)
==
"MSIE9.0"
)
{
function
createSlider
(
swiper
,
data
)
{
var
html
=
''
;
swiper
.
removeAllSlides
();
//移除全部
...
...
@@ -226,7 +227,7 @@
var
html
=
''
;
html
=
'
<
div
class
=
"item"
>
' +
'
<
a
href
=
"./dynamicDetail.html?id='
+ item.id+
'"
>
' +
'
<
a
href
=
"./dynamicDetail.html?id='
+ item.id +
'"
>
' +
'
<
div
class
=
"img-container"
>
' +
'
<
img
src
=
"' +
item.thumb +
...
...
@@ -236,10 +237,10 @@
item.title +
'
<
/div>'
+
'
<
div
class
=
"bottom-word"
>
' +
'
<
span
class
=
"name"
>
'+ item.type +'
<
/span> '+
'
<
span
class
=
"date"
><
img
src
=
"../img/time.png"
alt
=
""
>
'+ item.inputtime +'
<
/span> '
+
'
<
span
class
=
"name"
>
' + item.type + '
<
/span> '
+
'
<
span
class
=
"date"
><
img
src
=
"../img/time.png"
alt
=
""
>
' + item.inputtime + '
<
/span> '
+
'
<
/div>'
+
'
<
/a></
div
>
';
swiper.appendSlide(html, '
swiper
-
slide
', '
div
');
});
...
...
@@ -318,15 +319,15 @@
});
}
tab
();
}
else
{
}
else
{
function
createHtml
(
data
)
{
var
html
=
''
;
data
.
forEach
(
function
(
item
)
{
data
.
forEach
(
function
(
item
)
{
html
+=
'
<
div
class
=
"swiper-slide"
>
' +
'
<
div
class
=
"item"
>
' +
'
<
a
href
=
"./dynamicDetail.html?id='
+ item.id+
'"
target
=
"_blank"
>
' +
'
<
a
href
=
"./dynamicDetail.html?id='
+ item.id +
'"
target
=
"_blank"
>
' +
'
<
div
class
=
"img-container"
>
' +
'
<
img
src
=
"' +
item.thumb +
...
...
@@ -336,10 +337,10 @@
item.title +
'
<
/div>'
+
'
<
div
class
=
"bottom-word"
>
' +
'
<
span
class
=
"name"
>
'+ item.tags[0] +'
<
/span> '+
'
<
span
class
=
"date"
><
img
src
=
"../img/time.png"
alt
=
""
>
'+ item.inputtime +'
<
/span> '
+
'
<
span
class
=
"name"
>
' + item.tags[0] + '
<
/span> '
+
'
<
span
class
=
"date"
><
img
src
=
"../img/time.png"
alt
=
""
>
' + item.inputtime + '
<
/span> '
+
'
<
/div>'
+
'
<
/a></
div
><
/div>'
;
});
return
html
;
...
...
@@ -348,10 +349,10 @@
modules
:
{},
slidesPerView
:
'auto'
,
slidesPerColumn
:
2
,
onTransitionEnd
:
function
(
swiper
)
{
// alert('过渡结束');
// console.log(swiper)
computeMasking
(
swiper
);
onTransitionEnd
:
function
(
swiper
)
{
// alert('过渡结束');
// console.log(swiper)
computeMasking
(
swiper
);
}
// spaceBetween: 30,
// direction: 'horizontal', // 垂直切换选项
...
...
@@ -362,15 +363,15 @@
// pagination: '.swiper-pagination'
});
button
.
click
(
function
()
{
console
.
log
(
input
.
css
(
'display'
))
if
(
1
)
{
console
.
log
(
input
.
css
(
'display'
))
if
(
1
)
{
ideal
.
ajax
(
"news"
,
searchValue
).
done
(
function
(
res
)
{
console
.
log
(
JSON
.
parse
(
res
))
var
res
=
JSON
.
parse
(
res
);
doneRun
(
res
)
})
}
})
})
ideal
.
ajax
(
"news"
,
searchValue
).
done
(
function
(
res
)
{
console
.
log
(
JSON
.
parse
(
res
))
var
res
=
JSON
.
parse
(
res
);
...
...
@@ -396,25 +397,26 @@
function
update
(
html
)
{
$
(
'#swiper1'
)
.
children
()
.
html
(
html
?
html
:
createHtml
(
ideal
.
dynamicList
));
.
html
(
html
?
html
:
createHtml
(
ideal
.
produtsList
));
$
(
'.list-item-moblie'
).
html
(
html
?
html
:
createHtml
(
ideal
.
produtsList
))
mySwiper
.
update
(
true
);
computeMasking
(
mySwiper
);
}
update
();
$
(
'#slidePrev'
).
click
(
function
()
{
mySwiper
.
slidePrev
(
function
(
e
)
{
$
(
'#slidePrev'
).
click
(
function
()
{
mySwiper
.
slidePrev
(
function
(
e
)
{
console
.
log
(
e
);
alert
(
'slidePrev'
);
},
200
);
},
200
);
});
$
(
'#slideNext'
).
click
(
function
()
{
mySwiper
.
slideNext
(
function
(
e
)
{
$
(
'#slideNext'
).
click
(
function
()
{
mySwiper
.
slideNext
(
function
(
e
)
{
console
.
log
(
e
);
alert
(
'slideNext'
);
},
200
);
},
200
);
});
function
tab
(
container
)
{
$
(
'.menu-item'
).
click
(
function
(
e
)
{
$
(
'.menu-item'
).
click
(
function
(
e
)
{
$
(
this
)
.
parent
()
.
children
()
...
...
@@ -426,14 +428,14 @@
});
}
tab
();
function
computeMasking
(
swiper
)
{
var
getTranslate
=
swiper
.
getWrapperTranslate
();
var
totalWidth
=
$
(
'.swiper-wrapper'
).
width
();
var
viewWidth
=
$
(
'.list-item'
).
width
();
var
leftBtn
=
$
(
'#slidePrev'
);
var
rightBtn
=
$
(
'#slideNext'
);
console
.
log
(
totalWidth
,
getTranslate
,
viewWidth
)
console
.
log
(
totalWidth
,
getTranslate
,
viewWidth
)
if
(
getTranslate
==
0
)
{
leftBtn
.
css
({
'background'
:
"none"
});
}
...
...
@@ -462,8 +464,8 @@
}
}
computeMasking
(
mySwiper
);
}
});
}
});
</script>
</html>
\ No newline at end of file
html/dynamicDetail.html
View file @
b39a18ec
...
...
@@ -185,8 +185,11 @@
<p
class=
"weixin-img"
>
<img
src=
"/img//weixin.png"
alt=
""
>
<object
data=
""
type=
""
>
<div>
扫一扫获取更多资讯
</div>
</object>
</p>
<div>
扫一扫获取更多资讯
</div>
</div>
</div>
</div>
...
...
html/productDetail.html
View file @
b39a18ec
...
...
@@ -27,6 +27,8 @@
<script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script> -->
<script
src=
"../js/tools.js"
></script>
<!-- <script src="https://cdn.bootcss.com/babel-polyfill/7.2.5/polyfill.min.js"></script> -->
<script
src=
"../js/rem.js"
></script>
</head>
<body>
...
...
@@ -158,8 +160,10 @@
<p
class=
"weixin-img"
>
<img
src=
"/img//weixin.png"
alt=
""
>
<object
data=
""
type=
""
>
<div>
扫一扫获取更多资讯
</div>
</object>
</p>
<div>
扫一扫获取更多资讯
</div>
</div>
</div>
</div>
...
...
html/products2.html
View file @
b39a18ec
...
...
@@ -54,18 +54,18 @@
<li><a
id=
"nav-about"
href=
"./about.html"
>
关于我们
</a></li>
<li
class=
"link-active"
>
<a
id=
"nav-products"
href=
"./products.html"
>
<span>
我们的产品
</span>
<ul
class=
"dropdown-menu"
>
<li>
<object
data=
""
type=
""
><a
href=
"./products.html"
>
智慧城市可视化管控平台
</a></object>
</li>
<li>
<object
data=
""
type=
""
><a
href=
"./products2.html"
>
企业智慧可视化管控平台
</a></object>
</li>
</ul>
<span>
我们的产品
</span>
<ul
class=
"dropdown-menu"
>
<li>
<object
data=
""
type=
""
><a
href=
"./products.html"
>
智慧城市可视化管控平台
</a></object>
</li>
<li>
<object
data=
""
type=
""
><a
href=
"./products2.html"
>
企业智慧可视化管控平台
</a></object>
</li>
</ul>
</a>
</li>
<li>
<a
id=
"nav-solution"
href=
"./solution.html"
>
解决方案
</a>
...
...
@@ -95,17 +95,17 @@
顶尖的数据分析能力
</p>
<p
class=
"btword animated bounceInRight "
style=
"animation-delay: 0.7s;"
>
企业智慧可视化管控平台
企业智慧可视化管控平台
</p>
<p
class=
"conword animated bounceInRight"
style=
"animation-delay: 0.2s;"
>
<object
data=
""
type=
""
width=
"1000"
style=
"height:1000px;"
height=
"300"
>
<li>
· 基于 SAAS 互联网平台化服务,持续升级,无需下载安装。
· 基于 SAAS 互联网平台化服务,持续升级,无需下载安装。
</li>
<li>
· 完美兼容大屏、TV、PC、PAD、手机各类终端,随时使用。
</li>
<li>
· 丰富海量算法模型、数据模板、图形图表组件、满足广泛行业。
· 丰富海量算法模型、数据模板、图形图表组件、满足广泛行业。
</li>
<li>
· 完善 API 接口,实现数据实时同步,动态展示。
...
...
@@ -126,31 +126,31 @@
<div
class=
"title"
data=
"Ability and Service"
>
能力与服务
</div>
</div>
<div
class=
"views-content"
>
<div
class=
"one introduce animated fadeInUp"
style=
"animation-delay: 0.2s;"
>
<div
class=
"top"
>
<div
class=
"line1"
></div>
<div
class=
"name"
>
Service
</div>
<div
class=
"en"
>
Visual Management and Control Platform for Enterprise Intelligence
</div>
<div
class=
"line2"
></div>
</div>
<div
class=
"bottom"
>
<p>
企业智慧可视化管控平台是基于数据,提供数据整合、管理、分析、应用能力,挖掘数据的价值,帮助人们去查看企业并理解业务,助力企业信息化,降低企业经营风险,为商业领域带来变革。
</p>
<blockquote>
1、人才事黄金三角企业模型
<br
/>
2、15指标企业数据总线
<br
/>
3、企业画像
<br
/>
4、舆情分析
<br
/>
5、实时看板、总裁驾驶仓
</blockquote>
</div>
<div
class=
"one introduce animated fadeInUp"
style=
"animation-delay: 0.2s;"
>
<div
class=
"top"
>
<div
class=
"line1"
></div>
<div
class=
"name"
>
Service
</div>
<div
class=
"en"
>
Visual Management and Control Platform for Enterprise Intelligence
</div>
<div
class=
"line2"
></div>
</div>
<div
class=
"bottom"
>
<p>
企业智慧可视化管控平台是基于数据,提供数据整合、管理、分析、应用能力,挖掘数据的价值,帮助人们去查看企业并理解业务,助力企业信息化,降低企业经营风险,为商业领域带来变革。
</p>
<blockquote>
1、人才事黄金三角企业模型
<br
/>
2、15指标企业数据总线
<br
/>
3、企业画像
<br
/>
4、舆情分析
<br
/>
5、实时看板、总裁驾驶仓
</blockquote>
</div>
</div>
</div>
<div
class=
"earth"
>
<div
class=
"ctr-container"
>
...
...
@@ -183,15 +183,15 @@
</span>
</div>
<div
id=
"dashuju"
class=
"list-item hidden-xs"
>
<div
class=
"swiper-container swiper1"
id=
"swiper1"
>
<div
class=
"swiper-wrapper"
style=
"width: 2000px;"
>
</div>
<div
class=
"swiper-container swiper1"
id=
"swiper1"
>
<div
class=
"swiper-wrapper"
style=
"width: 2000px;"
>
</div>
</div>
<div
class=
"list-item list-item-moblie visible-xs"
>
</div>
</div>
<div
class=
"list-item list-item-moblie visible-xs"
>
</div>
</div>
</div>
</div>
...
...
@@ -227,10 +227,10 @@
<p
class=
"weixin-img"
>
<img
src=
"/img//weixin.png"
alt=
""
/>
<object
data=
"0"
type=
""
>
<div>
扫一扫获取更多资讯
</div>
<div>
扫一扫获取更多资讯
</div>
</object>
</p>
</div>
</div>
</div>
...
...
@@ -276,13 +276,13 @@
'-ms-transform'
:
'rotate(0deg)'
});
$
(
'.one'
).
html
(
'
<
div
class
=
"top"
>
'+
'
<
div
class
=
"line1"
><
/div>'
+
'
<
div
class
=
"name"
>
Service
<
/div>'
+
'
<
div
class
=
"en"
>
Visual
Management
and
Control
Platform
for
Enterprise
Intelligence
<
/div>'
+
'
<
div
class
=
"line2"
><
/div>'
+
'
<
div
class
=
"top"
>
'
+
'
<
div
class
=
"line1"
><
/div>'
+
'
<
div
class
=
"name"
>
Service
<
/div>'
+
'
<
div
class
=
"en"
>
Visual
Management
and
Control
Platform
for
Enterprise
Intelligence
<
/div>'
+
'
<
div
class
=
"line2"
><
/div>'
+
'
<
/div>'
+
'
<
div
class
=
"bottom"
>
'+
'
<
div
class
=
"bottom"
>
'
+
'
<
p
>
' +
'
企业智慧可视化管控平台是基于数据,提供数据整合、管理、分析、应用能力,挖掘数据的价值,帮助人们去查看企业并理解业务,助力企业信息化,降低企业经营风险,为商业领域带来变革。
' +
'
<
/p>'
+
...
...
@@ -297,7 +297,7 @@
'
<
br
/>
' +
'
5
、实时看板、总裁驾驶仓
' +
'
<
/blockquote>
'
+
'
<
/div>
'
+
'
<
/div>
'
)
});
$
(
'.earth .right-btn'
).
mouseenter
(
function
()
{
...
...
@@ -306,15 +306,15 @@
'transform'
:
'rotate(180deg)'
,
'-ms-transform'
:
'rotate(180deg)'
});
$
(
'.one'
).
html
(
'
<
div
class
=
"top"
>
'+
'
<
div
class
=
"line1"
><
/div>'
+
'
<
div
class
=
"name"
>
Ability
<
/div>'
+
'
<
div
class
=
"en"
>
Visual
Management
and
Control
Platform
for
Enterprise
Intelligence
<
/div>'
+
'
<
div
class
=
"line2"
><
/div>'
+
'
<
div
class
=
"top"
>
'
+
'
<
div
class
=
"line1"
><
/div>'
+
'
<
div
class
=
"name"
>
Ability
<
/div>'
+
'
<
div
class
=
"en"
>
Visual
Management
and
Control
Platform
for
Enterprise
Intelligence
<
/div>'
+
'
<
div
class
=
"line2"
><
/div>'
+
'
<
/div>'
+
'
<
div
class
=
"bottom"
>
'+
'
<
div
class
=
"bottom"
>
'
+
'
<
p
>
' +
'
企业智慧可视化管控平台,基于前沿的大数据技术,为企业客户搭建一站式大数据应用、分析和展示平台。面向企业业务搭建数据仓库,建立数据分析模型,构建大数据业务解决方案,对各类业务数据进行分析计算及前瞻性预测,充分挖掘数据的价值,真正将企业数据转化为数据资产,助力企业信息化,实现数据驱动管理。
' +
'
<
/p>'
+
...
...
@@ -329,10 +329,10 @@
'
<
br
/>
' +
'
5
、实时响应
' +
'
<
/blockquote>
'
+
'
<
/div>
'
+
'
<
/div>
'
)
});
if
(
navigator
.
appName
==
"Microsoft Internet Explorer"
&&
navigator
.
appVersion
.
split
(
";"
)[
1
].
replace
(
/
[
]
/g
,
""
)
==
"MSIE9.0"
)
{
function
createSlider
(
swiper
,
data
)
{
var
html
=
''
;
...
...
@@ -488,26 +488,26 @@
// pagination: '.swiper-pagination'
});
// update();
ideal
.
ajax
(
"product_company"
).
done
(
function
(
res
)
{
ideal
.
ajax
(
"product_company"
).
done
(
function
(
res
)
{
console
.
log
(
JSON
.
parse
(
res
))
var
res
=
JSON
.
parse
(
res
);
ideal
.
produtsList
=
res
.
data
;
var
html
=
""
res
.
data
.
forEach
(
function
(
item
,
index
)
{
if
(
index
==
0
)
{
var
html
=
""
res
.
data
.
forEach
(
function
(
item
,
index
)
{
if
(
index
==
0
)
{
html
+=
'
<
div
class
=
"menu-item active"
>
' + item.catname + '
<
/div>
'
}
else
{
html
+=
'
<
div
class
=
"menu-item"
>
' + item.catname + '
<
/div>
'
}
})
})
$
(
".menu-list"
).
html
(
html
)
update
(
createHtml
(
res
.
data
[
0
].
news
))
tab
();
})
update
()
function
update
(
html
)
{
$
(
'#swiper1'
)
...
...
@@ -540,7 +540,7 @@
var
index
=
$
(
this
).
index
();
mySwiper
.
slideTo
(
0
,
1000
,
false
);
update
(
createHtml
(
ideal
.
produtsList
[
index
].
news
));
});
}
tab
()
...
...
html/solution.html
View file @
b39a18ec
...
...
@@ -54,12 +54,12 @@
<a
id=
"nav-products"
href=
"./products.html"
>
我们的产品
<ul
class=
"dropdown-menu"
>
<li>
<object
data=
""
type=
""
><a
href=
"./products.html"
>
智慧城市可视化管控平台
</a></object>
</li>
<li>
<object
data=
""
type=
""
><a
href=
"./products2.html"
>
企业智慧可视化管控平台
</a></object>
</li>
<li>
<object
data=
""
type=
""
><a
href=
"./products.html"
>
智慧城市可视化管控平台
</a></object>
</li>
<li>
<object
data=
""
type=
""
><a
href=
"./products2.html"
>
企业智慧可视化管控平台
</a></object>
</li>
</ul>
</a>
</li>
...
...
@@ -114,179 +114,16 @@
<
</
span
>
<span
class=
"spanbtn"
id=
"slideNext"
>
>
</span>
</div>
<div
id=
"dashuju"
class=
"list-item"
>
<div
id=
"dashuju"
class=
"list-item
hidden-xs
"
>
<div
class=
"swiper-container swiper1"
id=
"swiper1"
>
<div
class=
"swiper-wrapper"
>
<!-- <div class="swiper-slide" data-swiper-column="0" data-swiper-row="0">
<div
class=
"swiper-wrapper"
style=
"width: 2000px;"
>
<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
class=
"list-item list-item-moblie visible-xs"
>
</div>
</div>
</div>
</div>
...
...
@@ -310,7 +147,7 @@
<div
class=
"col-xs-12 col-sm-12 col-md-4"
>
<p>
友情链接:
</p>
<p>
<a
href=
"http://www.maxrocky.com/"
target=
"_blank"
>
迈动互联(北京)科技有限公司
</a>
</p>
<p>
...
...
@@ -324,8 +161,10 @@
<p
class=
"weixin-img"
>
<img
src=
"/img//weixin.png"
alt=
""
>
<object
data=
"0"
type=
""
>
<div>
扫一扫获取更多资讯
</div>
</object>
</p>
<div>
扫一扫获取更多资讯
</div>
</div>
</div>
</div>
...
...
@@ -557,6 +396,7 @@
$
(
'#swiper1'
)
.
children
()
.
html
(
html
?
html
:
createHtml
(
ideal
.
produtsList
));
$
(
'.list-item-moblie'
).
html
(
html
?
html
:
createHtml
(
ideal
.
produtsList
))
mySwiper
.
update
(
true
);
computeMasking
(
mySwiper
);
}
...
...
style/common.css
View file @
b39a18ec
...
...
@@ -1788,7 +1788,11 @@ margin-top: 0.1rem;
top
:
0
;
}
body
.main-container
.navbar-brand
{
padding
:
7px
15px
;
padding
:
10px
15px
;
}
body
.main-container
.navbar-brand
img
{
width
:
1.62rem
;
/* height:1.04rem; */
}
body
.main-container
.swiper-container
.word-box
p
.btword
{
font-size
:
28px
;
...
...
style/solution.css
View file @
b39a18ec
...
...
@@ -935,3 +935,279 @@ ul {
padding-right
:
0px
;
}
}
@media
(
max-width
:
768px
)
{
body
.main-container
{
height
:
240px
;
margin-top
:
50px
;
}
body
.main-container
.word-box
{
position
:
absolute
;
padding-left
:
20px
;
padding-top
:
10%
;
z-index
:
555
;
width
:
80%
;
}
.solution
{
padding-top
:
1rem
;
padding-bottom
:
0
;
}
.solution
.table-a
{
margin-bottom
:
20px
;
}
.solution
.list
{
float
:
none
;
width
:
100%
;
display
:
inline-block
;
height
:
auto
;
overflow
:
hidden
;
position
:
relative
;
}
.solution
.list
.ctr
{
display
:
none
;
padding-top
:
16px
;
}
.solution
.list
.ctr
span
{
display
:
inline-block
;
}
.solution
.list
.ctr
.spanbtn
{
cursor
:
pointer
;
width
:
38px
;
height
:
30px
;
background
:
#000000
;
line-height
:
30px
;
font-size
:
18px
;
color
:
white
;
opacity
:
0.8
;
text-align
:
center
;
}
.solution
.list
.list-item
{
position
:
relative
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
auto
;
-webkit-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.solution
.list
.list-item
.swiper-slide
{
position
:
relative
;
width
:
auto
;
height
:
auto
;
float
:
left
;
}
.solution
.list
.list-item
.swiper-slide
::after
{
content
:
""
;
background
:
rgba
(
0
,
0
,
0
,
0.5
);
width
:
374px
;
left
:
0
;
top
:
0
;
height
:
281px
;
position
:
absolute
;
opacity
:
0
;
-webkit-transition
:
all
1s
;
transition
:
all
1s
;
display
:
none
;
}
.solution
.list
.list-item
.swiper-slide
:nth-child
(
2n-1
)
{
margin-right
:
0.1rem
;
}
.solution
.list
.list-item
.show-mask
::after
{
opacity
:
1
;
display
:
none
;
}
.solution
.list
.item
{
width
:
3.4rem
;
height
:
2.9rem
;
margin-right
:
0rem
;
margin-bottom
:
0.2rem
;
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
);
}
.solution
.list
.item
a
{
display
:
inline-block
;
height
:
100%
;
width
:
100%
;
overflow
:
hidden
;
}
.solution
.list
.item
a
.img-container
{
width
:
3.4rem
;
height
:
2rem
;
overflow
:
hidden
;
}
.solution
.list
.item
a
img
{
width
:
100%
;
height
:
100%
;
}
.solution
.list
.item
a
.tag-list
{
list-style
:
circle
;
overflow
:
hidden
;
width
:
100%
;
padding-left
:
0.45rem
;
padding-top
:
0.05rem
;
}
.solution
.list
.item
a
.tag-list
li
{
list-style
:
disc
;
float
:
left
;
font-size
:
12px
;
padding-right
:
22px
;
color
:
rgba
(
0
,
0
,
0
,
0.6
);
}
.solution
.list
.item
.item-title
{
padding-left
:
0.2rem
;
padding-top
:
0.1rem
;
font-size
:
0.2rem
;
font-weight
:
400
;
color
:
#000000
;
}
.solution
.list
.item
:hover
img
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
);
-webkit-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.solution
.list
.item
::after
{
content
:
''
;
clear
:
both
;
}
.detail-container
{
background
:
none
;
min-height
:
400px
;
background-size
:
95%
;
position
:
relative
;
margin-top
:
0.8rem
;
padding-top
:
0.7rem
;
}
.detail-container
.introduce
{
margin-left
:
0%
;
width
:
6.4rem
;
min-height
:
3.8rem
;
background
:
url('../img/mapbg.png')
no-repeat
top
center
;
background-size
:
cover
;
-webkit-box-shadow
:
0px
5px
10px
rgba
(
0
,
0
,
0
,
0.1
);
box-shadow
:
0px
5px
10px
rgba
(
0
,
0
,
0
,
0.1
);
padding-left
:
0.5rem
;
}
.detail-container
.introduce
.top
{
padding-top
:
0.5rem
;
}
.detail-container
.introduce
.top
.line1
{
width
:
169px
;
height
:
1px
;
background
:
#c70151
;
}
.detail-container
.introduce
.top
.line2
{
width
:
33px
;
height
:
1px
;
background
:
#c70151
;
}
.detail-container
.introduce
.top
.name
{
font-size
:
24px
;
font-weight
:
400
;
color
:
#c70151
;
line-height
:
1
;
padding-top
:
17px
;
padding-bottom
:
9px
;
}
.detail-container
.introduce
.top
.en
{
font-size
:
12px
;
font-weight
:
300
;
line-height
:
1
;
color
:
#c70151
;
padding-bottom
:
18px
;
}
.detail-container
.introduce
.bottom
{
width
:
5.6rem
;
min-height
:
1rem
;
text-align
:
justify
;
padding-top
:
0.6rem
;
padding-bottom
:
0.3rem
;
color
:
#979797
;
font-size
:
16px
;
line-height
:
26px
;
}
.detail-container
.list
{
width
:
5.8rem
;
height
:
3.3rem
;
position
:
relative
;
top
:
1rem
;
right
:
70px
;
display
:
inline-block
;
}
.detail-container
.list
.ctr
{
display
:
none
;
}
.detail-container
.list
.list-item
{
position
:
relative
;
top
:
0
;
left
:
auto
;
margin-left
:
2.8rem
;
right
:
0
;
width
:
100%
;
-webkit-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.detail-container
.list
.list-item
.swiper-container
{
width
:
5.8rem
;
height
:
3.3rem
;
margin-left
:
auto
;
margin-right
:
auto
;
display
:
block
;
}
.detail-container
.list
.list-item
.swiper-container
.swiper-slide
{
position
:
relative
;
width
:
auto
;
height
:
auto
;
}
.detail-container
.list
.list-item
.swiper-container
.swiper-slide
::after
{
content
:
""
;
background
:
rgba
(
0
,
0
,
0
,
0.5
);
width
:
374px
;
left
:
0
;
top
:
0
;
height
:
310px
;
position
:
absolute
;
opacity
:
0
;
-webkit-transition
:
all
1s
;
transition
:
all
1s
;
display
:
none
;
}
.detail-container
.list
.list-item
.swiper-container
.show-mask
::after
{
opacity
:
1
;
display
:
block
;
}
.detail-container
.list
.item
{
width
:
5.8rem
;
height
:
3.3rem
;
margin-right
:
26px
;
margin-bottom
:
27px
;
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
);
}
.detail-container
.list
.item
.img-container
{
height
:
100%
;
width
:
100%
;
overflow
:
hidden
;
}
.detail-container
.list
.item
.img-container
img
{
width
:
100%
;
height
:
100%
;
}
.detail-container
.list
.item
.img-container
:hover
img
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
);
-webkit-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.detail-container
.list
.item
::after
{
content
:
''
;
clear
:
both
;
}
.dynamic-detail
{
padding-top
:
1rem
;
}
.dynamic-detail
.title
{
font-size
:
0.45rem
;
}
}
style/solution.less
View file @
b39a18ec
...
...
@@ -995,3 +995,309 @@ ul {
.jobs .block .detail{width: 95%;}
.jobs .block .pdr24{padding-right: 0px;}
}
@media (max-width: 768px) {
body .main-container {
height: 240px;
margin-top: 50px;
.word-box {
position: absolute;
padding-left: 20px;
padding-top: 10%;
z-index: 555;
width: 80%;
}
}
.solution {
padding-top: 1rem;
padding-bottom: 0;
.table-a {
margin-bottom: 20px;
}
.list {
float: none;
width: 100%;
display: inline-block;
// height: 654px;
height: auto;
overflow: hidden;
position: relative;
.ctr {
display: none;
padding-top: 16px;
span {
display: inline-block;
}
.spanbtn {
cursor: pointer;
width:38px;
height: 30px;
background:rgba(0,0,0,1);
line-height: 30px;
font-size: 18px;
color: white;
opacity:0.8;
text-align: center;
}
}
.list-item {
position: relative;
top: 0;
left: 0;
// width: calc(860px + (100vw - 1200px)/2);
width: 100%;
height: auto;
-webkit-transition: all 0.5s;
transition: all 0.5s;
.swiper-slide {
position: relative;
width: auto;
height: auto;
float: left;
&::after {
content: "";
background: rgba(0,0,0, 0.5);
width: 374px;
left: 0;
top: 0;
height:281px ;
position: absolute;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
display: none;
}
&:nth-child(2n-1) {
margin-right: 0.1rem;
}
}
.show-mask {
&::after {
opacity: 1;
display: none;
}
}
}
.item {
width: 3.4rem;
height: 2.9rem;
margin-right: 0rem;
margin-bottom: 0.2rem;
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);
// background: url('/img/banner2.jpg') center no-repeat;
a {
display: inline-block;
height: 100%;
width: 100%;
overflow: hidden;
.img-container {
width: 3.4rem;
height:2rem;
overflow: hidden;
}
img {
width: 100%;
height: 100%;
}
.tag-list {
list-style: circle;
overflow: hidden;
width: 100%;
padding-left: 0.45rem;
padding-top: 0.05rem;
li {
list-style: disc;
float: left;
font-size: 12px;
padding-right: 22px;
color:rgba(0,0,0,0.6);
}
}
}
.item-title {
padding-left: 0.2rem;
padding-top: 0.1rem;
font-size: 0.2rem;
font-weight:400;
color:rgba(0,0,0,1);
}
&:hover {
img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
}
}
.item::after {
content: '';
clear: both;
}
}
}
.detail-container {
background: none;
min-height: 400px;
background-size: 95% ;
position: relative;
margin-top: 0.8rem;
padding-top: 0.7rem;
.introduce {
margin-left:0%;
width: 6.4rem;
// height: 3.8rem;
min-height: 3.8rem;
background: url('../img/mapbg.png') no-repeat top center;
background-size: cover;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
padding-left: 0.5rem;
.top {
padding-top:0.5rem;
.line1 {
width:169px;
height:1px;
background:rgba(199,1,81,1);
}
.line2 {
width:33px;
height:1px;
background:rgba(199,1,81,1);
}
.name{
font-size:24px;
font-weight:400;
color:rgba(199,1,81,1);
line-height: 1;
padding-top: 17px;
padding-bottom: 9px;
}
.en {
font-size:12px;
font-weight:300;
line-height: 1;
color:rgba(199,1,81,1);
padding-bottom: 18px;
}
}
.bottom {
width:5.6rem;
min-height: 1rem;
text-align: justify;
padding-top: 0.6rem;
padding-bottom: 0.3rem;
color: #979797;
font-size: 16px;
line-height: 26px;
}
}
.list {
width: 5.8rem;
height: 3.3rem;
position: relative;
top: 1rem;
right: 70px;
display: inline-block;
// height: 654px;
// overflow: hidden;
.ctr {
display: none;
}
.list-item {
position: relative;
top: 0;
left: auto;
margin-left: 2.8rem;
right: 0;
// width: calc(860px + (100vw - 1200px)/2);
width: 100%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
.swiper-container {
width: 5.8rem;
height: 3.3rem;
margin-left: auto;
margin-right: auto;
display: block;
.swiper-slide {
position: relative;
width: auto;
height: auto;
&::after {
content: "";
background: rgba(0,0,0, 0.5);
width: 374px;
left: 0;
top: 0;
height:310px ;
position: absolute;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
display: none;
}
}
.show-mask {
&::after {
opacity: 1;
display: block;
}
}
}
}
.item {
width: 5.8rem;
height: 3.3rem;
margin-right: 26px;
margin-bottom: 27px;
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);
// background: url('/img/banner2.jpg') center no-repeat;
.img-container {
height: 100%;
width: 100%;
overflow: hidden;
img {
width: 100%;
height: 100%;
}
&:hover {
img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
}
}
}
.item::after {
content: '';
clear: both;
}
}
}
.dynamic-detail {
padding-top: 1rem;
.title {
font-size: 0.45rem;
}
}
}
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment