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
Expand all
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
This diff is collapsed.
Click to expand it.
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
This diff is collapsed.
Click to expand it.
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