Skip to content

Q
qiankunweb
Commit 2b20ee7e authored by liuchao's avatar liuchao
Browse files
Options

no message

parent 6ba3a3ed
Show whitespace changes
Inline Side-by-side
Showing with 150 additions and 73 deletions
src/main/webapp/WEB-INF/decorators/main.jsp
View file @ 2b20ee7e
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
<!-- 公司logo --> <!-- 公司logo -->
<div class="nav-logo"> <div class="nav-logo">
<a href="index.html" > <a href="index.html" >
<img src="resources/static/img/logo.png" alt="乾坤数据" style="margin-top:10px;"> <img src="resources/static/img/logo.png" alt="乾坤数据" style="">
</a> </a>
</div> </div>
<div class="nav-list"> <div class="nav-list">
...@@ -231,8 +231,8 @@ ...@@ -231,8 +231,8 @@
<div class="layui-container" style="border-top: 1px solid rgba(141,146,153,.25);width:100%;margin-top:30px;"> <div class="layui-container" style="border-top: 1px solid rgba(141,146,153,.25);width:100%;margin-top:30px;">
<div class="layui-row"> <div class="layui-row">
<div class="layui-col-sm6 layui-col-md5 layui-col-lg12"> <div class="layui-col-lg12">
<p class="contact-bottom" style="text-align: center;padding-top:20px;padding-bottom:20px;color:#fafafa"><span class="right">津ICP备：</span>&nbsp;&nbsp;&nbsp;Copyright&nbsp;©&nbsp;2018-2019 天津乾坤数据信息技术有限公司 </p> <p class="contact-bottom" style="text-align: center;padding-top:20px;padding-bottom:20px;color:#fafafa"><span class="right">津ICP备19006739号-1</span>&nbsp;&nbsp;&nbsp;Copyright&nbsp;©&nbsp;2018-2019 天津乾坤数据信息技术有限公司 </p>
<!-- <p class="contact-bottom"><span class="right"></span></p> --> <!-- <p class="contact-bottom"><span class="right"></span></p> -->
</div> </div>
</div> </div>
......
src/main/webapp/WEB-INF/pages/ability.jsp
View file @ 2b20ee7e
...@@ -597,13 +597,13 @@ ...@@ -597,13 +597,13 @@
<div class="layui-container"> <div class="layui-container">
<p class="title" style="line-height: 150px;">视频分析</p> <p class="title" style="line-height: 150px;">视频分析</p>
<div class="layui-row layui-col-space25"> <div class="layui-row layui-col-space25">
<div class="layui-col-sm6 layui-col-md12"> <div class="layui-col-md12">
<div class=" " style="height:768px;text-align: center;"> <div class=" " style="height:768px;text-align: center;">
<div> <div>
<p class="label1">基于深度神经网，内置280+种物体识别；可用于密集度、电子围栏、危险区域警示、人员脱岗等安全监控场景。</p> <p class="label1">基于深度神经网，内置280+种物体识别；可用于密集度、电子围栏、危险区域警示、人员脱岗等安全监控场景。</p>
</div> </div>
<div> <div>
<video width="1024" height="" autoplay controls loop> <video width="90%" height="" autoplay controls loop>
<source src="resources/static/videos/obj_rec.mp4" type="video/mp4"/> <source src="resources/static/videos/obj_rec.mp4" type="video/mp4"/>
</video> </video>
</div> </div>
......
src/main/webapp/WEB-INF/pages/analysis.jsp
View file @ 2b20ee7e
...@@ -76,10 +76,10 @@ ...@@ -76,10 +76,10 @@
<div class="layui-container"> <div class="layui-container">
<div class="layui-row layui-col-space25"> <div class="layui-row layui-col-space25">
<div class="layui-col-sm6 layui-col-md12"> <div class=" layui-col-md12">
<div class=" " style="height:520px;text-align: center;"> <div class=" " style="height:520px;text-align: center;">
<div><img src="resources/static/img/sjzl1.png"></div> <div><img src="resources/static/img/sjzl1.png" width="100%"/></div>
<!-- <a href="javascript:;">查看产品 ></a> --> <!-- <a href="javascript:;">查看产品 ></a> -->
</div> </div>
</div> </div>
......
src/main/webapp/WEB-INF/pages/cases/bank.jsp
View file @ 2b20ee7e
...@@ -50,9 +50,9 @@ ...@@ -50,9 +50,9 @@
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img"><img src="resources/static/img/cases/bank0.png"></div> <div class="layui-col-lg12 content-img"><img src="resources/static/img/cases/bank0.png" width="100%"/></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img"><img src="resources/static/img/cases/bank1.png"></div> <div class="layui-col-lg12 content-img"><img src="resources/static/img/cases/bank1.png" width="100%"/></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img"><img src="resources/static/img/cases/bank2.png"></div> <div class="layui-col-lg12 content-img"><img src="resources/static/img/cases/bank2.png" width="100%"/></div>
<!-- <div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img"><img src="resources/static/img/cases/bank3.png"></div> --> <!-- <div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img"><img src="resources/static/img/cases/bank3.png"></div> -->
......
src/main/webapp/WEB-INF/pages/cases/community.jsp
View file @ 2b20ee7e
...@@ -48,11 +48,11 @@ ...@@ -48,11 +48,11 @@
<div class="layui-container"> <div class="layui-container">
<div class="content layui-row"> <div class="content layui-row">
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img"><img src="resources/static/img/cases/sq1.png"></div> <div class="layui-col-lg12 content-img"><img src="resources/static/img/cases/sq1.png" width="100%"/></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img"><img src="resources/static/img/cases/sq2.png"></div> <div class="layui-col-lg12 content-img"><img src="resources/static/img/cases/sq2.png" width="100%"/></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img"><img src="resources/static/img/cases/sq3.png"></div> <div class="layui-col-lg12 content-img"><img src="resources/static/img/cases/sq3.png" width="100%"/></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img"><img src="resources/static/img/cases/sq4.png"></div> <div class="layui-col-lg12 content-img"><img src="resources/static/img/cases/sq4.png" width="100%"/></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img"><img src="resources/static/img/cases/sq5.png"></div> <div class="layui-col-lg12 content-img"><img src="resources/static/img/cases/sq5.png" width="100%"/></div>
</div> </div>
......
src/main/webapp/WEB-INF/pages/cases/police.jsp
View file @ 2b20ee7e
...@@ -41,10 +41,10 @@ ...@@ -41,10 +41,10 @@
<div class="layui-container"> <div class="layui-container">
<div class="layui-row"> <div class="layui-row">
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img" style="text-align: center;"><img src="resources/static/img/cases/wj1.png"></div> <div class="layui-col-lg12 content-img" style="text-align: center;"><img src="resources/static/img/cases/wj1.png" width="100%"/></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img" style="text-align: center;"><img src="resources/static/img/cases/wj2.png"></div> <div class="layui-col-lg12 content-img" style="text-align: center;"><img src="resources/static/img/cases/wj2.png" width="100%"/></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img" style="text-align: center;"><img src="resources/static/img/cases/wj3.png"></div> <div class="layui-col-lg12 content-img" style="text-align: center;"><img src="resources/static/img/cases/wj3.png" width="100%"/></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img" style="text-align: center;"><img src="resources/static/img/cases/wj4.png"></div> <div class="layui-col-lg12 content-img" style="text-align: center;"><img src="resources/static/img/cases/wj4.png" width="100%"/></div>
</div> </div>
......
src/main/webapp/WEB-INF/pages/cases/water.jsp
View file @ 2b20ee7e
...@@ -45,10 +45,10 @@ ...@@ -45,10 +45,10 @@
<div class="layui-container"> <div class="layui-container">
<div class="content layui-row" style="padding:0;"> <div class="content layui-row" style="padding:0;">
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img" style="margin-top: 20px;"><img src="resources/static/img/cases/w1.png"/></div> <div class="layui-col-lg12 content-img" style="margin-top: 20px;"><img src="resources/static/img/cases/w1.png" width="100%"/></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img"><img src="resources/static/img/cases/w2.jpg"/></div> <div class="layui-col-lg12 content-img"><img src="resources/static/img/cases/w2.jpg" width="100%"/></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img"><img src="resources/static/img/cases/w3.png"/></div> <div class="layui-col-lg12 content-img"><img src="resources/static/img/cases/w3.png" width="100%"/></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg12 content-img"><img src="resources/static/img/cases/w4.png"/></div> <div class="layui-col-lg12 content-img"><img src="resources/static/img/cases/w4.png" width="100%"/></div>
</div> </div>
......
src/main/webapp/WEB-INF/pages/fictitious.jsp
View file @ 2b20ee7e
...@@ -77,10 +77,10 @@ ...@@ -77,10 +77,10 @@
<div class="layui-container"> <div class="layui-container">
<div class="layui-row layui-col-space25"> <div class="layui-row layui-col-space25">
<div class="layui-col-sm6 layui-col-md12"> <div class=" layui-col-md12">
<div class=" " style="height:220px;text-align: center;"> <div class=" " style="height:220px;text-align: center;">
<div><img src="resources/static/img/zh1.png"></div> <div><img src="resources/static/img/zh1.png" width="100%"/></div>
<!-- <a href="javascript:;">查看产品 ></a> --> <!-- <a href="javascript:;">查看产品 ></a> -->
</div> </div>
</div> </div>
...@@ -104,7 +104,7 @@ ...@@ -104,7 +104,7 @@
<!-- <div><a href="javascript:;">查看产品 ></a></div> --> <!-- <div><a href="javascript:;">查看产品 ></a></div> -->
</div> </div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img" <div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"
style="text-align: right;"><img src="resources/static/img/alarm1.jpg" /></div> style="text-align: right;"><img src="resources/static/img/alarm1.jpg" width="100%"/></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -113,7 +113,7 @@ ...@@ -113,7 +113,7 @@
<div class="content layui-row"> <div class="content layui-row">
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img" <div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"
style="text-align: right;"> style="text-align: right;">
<video width="600" height="" autoplay controls loop> <video width="100%" height="" autoplay controls loop>
<source src="resources/static/videos/yj.mp4" type="video/mp4"/> <source src="resources/static/videos/yj.mp4" type="video/mp4"/>
</video> </video>
...@@ -149,7 +149,7 @@ ...@@ -149,7 +149,7 @@
<!-- <div><a href="javascript:;">查看产品 ></a></div> --> <!-- <div><a href="javascript:;">查看产品 ></a></div> -->
</div> </div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img" <div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"
style="text-align: right;"><img src="resources/static/img/3d2.png" /></div> style="text-align: right;"><img src="resources/static/img/3d2.png" width="100%"/></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -158,7 +158,7 @@ ...@@ -158,7 +158,7 @@
<div class="content layui-row"> <div class="content layui-row">
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img" <div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"
style="text-align: right;"> style="text-align: right;">
<img src="resources/static/img/xxld.png" /> <img src="resources/static/img/xxld.png" width="100%"/>
</div> </div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right"> <div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right">
......
src/main/webapp/WEB-INF/pages/index.jsp
View file @ 2b20ee7e
...@@ -10,41 +10,8 @@ ...@@ -10,41 +10,8 @@
<style> <style>
#banner .panel { #banner .panel {text-align: left;}
text-align: left;
}
#banner .panel p {
margin-left:auto;
margin-right:auto;
}
#banner .panel p.title1
{color: #fafafa; font-size: 40px; font-weight: bold;text-align: center;letter-spacing: 2px;}
#banner .panel p.content1
{color: #fafafa; font-size: 30px; letter-spacing: 2px;text-align: left;text-align: center;}
#banner .panel p.title2
{color: #fafafa; font-size: 40px; font-weight: bold;letter-spacing: 2px;}
#banner .panel p.content2
{color: #fafafa; font-size: 30px; letter-spacing: 2px;text-align: left;}
#banner .panel a.button {
width: 150px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 14px;
letter-spacing: 3px;
color: #fff;
position: relative;
cursor: pointer;
float: left;
display: block;
margin-right: 20px;
background: linear-gradient(90deg,#09f 0,#575dfa 100%);
margin-top:100px;
border-radius: 5px;
}
.t10{ .t10{
margin-top:10px; margin-top:10px;
...@@ -62,7 +29,7 @@ ...@@ -62,7 +29,7 @@
<div> <div>
<img src="resources/static/img/banner5.jpg"/> <img src="resources/static/img/banner5.jpg"/>
<div class="panel"> <div class="panel">
<div style="width:1100px;margin-left:auto;margin-right:auto;color:#fafafa;"> <div class="label">
<p class="title2">智能数据治理，提升数据质量</p> <p class="title2">智能数据治理，提升数据质量</p>
<!-- <p class="content2">提供数据治理、数据采集、数据存储、数据分析产品与服务。</p> --> <!-- <p class="content2">提供数据治理、数据采集、数据存储、数据分析产品与服务。</p> -->
<p class="content2">帮助企业数据标准化，改进业务提升商业价值。</p> <p class="content2">帮助企业数据标准化，改进业务提升商业价值。</p>
...@@ -76,7 +43,7 @@ ...@@ -76,7 +43,7 @@
<div> <div>
<img src="resources/static/img/banner1.jpg"/> <img src="resources/static/img/banner1.jpg"/>
<div class="panel"> <div class="panel">
<div style="width:1100px;margin-left:auto;margin-right:auto;color:#fafafa;"> <div class="label">
<p class="title1">全方位业务透视，驱动业务增长</p> <p class="title1">全方位业务透视，驱动业务增长</p>
<p class="content1">实时数据可视，快速发现及准确定位应用全生命周期的性能问题。</p> <p class="content1">实时数据可视，快速发现及准确定位应用全生命周期的性能问题。</p>
<a href="product.html?id=perspective" class="button" style="margin-left: auto;margin-right: auto;float: none;">查看更多 ></a> <a href="product.html?id=perspective" class="button" style="margin-left: auto;margin-right: auto;float: none;">查看更多 ></a>
...@@ -87,7 +54,7 @@ ...@@ -87,7 +54,7 @@
<div> <div>
<img src="resources/static/img/banner6.jpg"/> <img src="resources/static/img/banner6.jpg"/>
<div class="panel"> <div class="panel">
<div style="width:1100px;margin-left:auto;margin-right:auto;color:#fafafa;"> <div class="label">
<p class="title1">虚拟指挥中心，智能三维全景可视化</p> <p class="title1">虚拟指挥中心，智能三维全景可视化</p>
<p class="content1">为多行业提供专业三维可视化服务，助力企业实现数据驱动的精细化运营。</p> <p class="content1">为多行业提供专业三维可视化服务，助力企业实现数据驱动的精细化运营。</p>
<a href="product.html?id=fictitious" class="button" style="margin-left: auto;margin-right: auto;float: none;">查看更多 ></a> <a href="product.html?id=fictitious" class="button" style="margin-left: auto;margin-right: auto;float: none;">查看更多 ></a>
...@@ -251,7 +218,7 @@ ...@@ -251,7 +218,7 @@
<div class="main-product"> <div class="main-product">
<div class="layui-container" style="text-align: center;padding-top:40px;"> <div class="layui-container" style="text-align: center;padding-top:40px;">
<img src="resources/static/img/hz.jpg"/> <img src="resources/static/img/hz.jpg" width="100%"/>
</div> </div>
</div> </div>
......
src/main/webapp/resources/layui/lay/modules/carousel.js
View file @ 2b20ee7e
/** layui-v2.4.5 MIT License By https://www.layui.com */ /** layui-v2.4.5 MIT License By https://www.layui.com */
;layui.define("jquery",function(e){"use strict";var i=layui.$,n=(layui.hint(),layui.device(),{config:{},set:function(e){var n=this;return n.config=i.extend({},n.config,e),n},on:function(e,i){return layui.onevent.call(this,t,e,i)}}),t="carousel",a="layui-this",l=">*[carousel-item]>*",o="layui-carousel-left",r="layui-carousel-right",d="layui-carousel-prev",s="layui-carousel-next",u="layui-carousel-arrow",c="layui-carousel-ind",m=function(e){var t=this;t.config=i.extend({},t.config,n.config,e),t.render()};m.prototype.config={width:"600px",height:"280px",full:!1,arrow:"hover",indicator:"inside",autoplay:!0,interval:3e3,anim:"",trigger:"click",index:0},m.prototype.render=function(){var e=this,n=e.config;n.elem=i(n.elem),n.elem[0]&&(e.elemItem=n.elem.find(l),n.index<0&&(n.index=0),n.index>=e.elemItem.length&&(n.index=e.elemItem.length-1),n.interval<800&&(n.interval=800),n.full?n.elem.css({position:"fixed",width:"100%",height:"100%",zIndex:9999}):n.elem.css({width:n.width,height:n.height}),n.elem.attr("lay-anim",n.anim),e.elemItem.eq(n.index).addClass(a),e.elemItem.length<=1||(e.indicator(),e.arrow(),e.autoplay(),e.events()))},m.prototype.reload=function(e){var n=this;clearInterval(n.timer),n.config=i.extend({},n.config,e),n.render()},m.prototype.prevIndex=function(){var e=this,i=e.config,n=i.index-1;return n<0&&(n=e.elemItem.length-1),n},m.prototype.nextIndex=function(){var e=this,i=e.config,n=i.index+1;return n>=e.elemItem.length&&(n=0),n},m.prototype.addIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index+e,n.index>=i.elemItem.length&&(n.index=0)},m.prototype.subIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index-e,n.index<0&&(n.index=i.elemItem.length-1)},m.prototype.autoplay=function(){var e=this,i=e.config;i.autoplay&&(e.timer=setInterval(function(){e.slide()},i.interval))},m.prototype.arrow=function(){var e=this,n=e.config,t=i(['<button class="layui-icon '+u+'" lay-type="sub">'+("updown"===n.anim?"&#xe619;":"&#xe603;")+"</button>",'<button class="layui-icon '+u+'" lay-type="add">'+("updown"===n.anim?"&#xe61a;":"&#xe602;")+"</button>"].join(""));n.elem.attr("lay-arrow",n.arrow),n.elem.find("."+u)[0]&&n.elem.find("."+u).remove(),n.elem.append(t),t.on("click",function(){var n=i(this),t=n.attr("lay-type");e.slide(t)})},m.prototype.indicator=function(){var e=this,n=e.config,t=e.elemInd=i(['<div class="'+c+'"><ul>',function(){var i=[];return layui.each(e.elemItem,function(e){i.push("<li"+(n.index===e?' class="layui-this"':"")+"></li>")}),i.join("")}(),"</ul></div>"].join(""));n.elem.attr("lay-indicator",n.indicator),n.elem.find("."+c)[0]&&n.elem.find("."+c).remove(),n.elem.append(t),"updown"===n.anim&&t.css("margin-top",-(t.height()/2)),t.find("li").on("hover"===n.trigger?"mouseover":n.trigger,function(){var t=i(this),a=t.index();a>n.index?e.slide("add",a-n.index):a<n.index&&e.slide("sub",n.index-a)})},m.prototype.slide=function(e,i){var n=this,l=n.elemItem,u=n.config,c=u.index,m=u.elem.attr("lay-filter");n.haveSlide||("sub"===e?(n.subIndex(i),l.eq(u.index).addClass(d),setTimeout(function(){l.eq(c).addClass(r),l.eq(u.index).addClass(r)},50)):(n.addIndex(i),l.eq(u.index).addClass(s),setTimeout(function(){l.eq(c).addClass(o),l.eq(u.index).addClass(o)},50)),setTimeout(function(){l.removeClass(a+" "+d+" "+s+" "+o+" "+r),l.eq(u.index).addClass(a),n.haveSlide=!1},300),n.elemInd.find("li").eq(u.index).addClass(a).siblings().removeClass(a),n.haveSlide=!0,layui.event.call(this,t,"change("+m+")",{index:u.index,prevIndex:c,item:l.eq(u.index)}))},m.prototype.events=function(){var e=this,i=e.config;i.elem.data("haveEvents")||(i.elem.on("mouseenter",function(){clearInterval(e.timer)}).on("mouseleave",function(){e.autoplay()}),i.elem.data("haveEvents",!0))},n.render=function(e){var i=new m(e);return i},e(t,n)}); ;layui.define("jquery",function(e){"use strict";var i=layui.$,n=(layui.hint(),layui.device(),{config:{},set:function(e){var n=this;return n.config=i.extend({},n.config,e),n},on:function(e,i){return layui.onevent.call(this,t,e,i)}}),t="carousel",a="layui-this",l=">*[carousel-item]>*",o="layui-carousel-left",r="layui-carousel-right",d="layui-carousel-prev",s="layui-carousel-next",u="layui-carousel-arrow",c="layui-carousel-ind",m=function(e){var t=this;t.config=i.extend({},t.config,n.config,e),t.render()};m.prototype.config={full:!1,arrow:"hover",indicator:"inside",autoplay:!0,interval:3e3,anim:"",trigger:"click",index:0},m.prototype.render=function(){var e=this,n=e.config;n.elem=i(n.elem),n.elem[0]&&(e.elemItem=n.elem.find(l),n.index<0&&(n.index=0),n.index>=e.elemItem.length&&(n.index=e.elemItem.length-1),n.interval<800&&(n.interval=800),n.full?n.elem.css({position:"fixed",width:"100%",height:"100%",zIndex:9999}):n.elem.css({width:n.width,height:n.height}),n.elem.attr("lay-anim",n.anim),e.elemItem.eq(n.index).addClass(a),e.elemItem.length<=1||(e.indicator(),e.arrow(),e.autoplay(),e.events()))},m.prototype.reload=function(e){var n=this;clearInterval(n.timer),n.config=i.extend({},n.config,e),n.render()},m.prototype.prevIndex=function(){var e=this,i=e.config,n=i.index-1;return n<0&&(n=e.elemItem.length-1),n},m.prototype.nextIndex=function(){var e=this,i=e.config,n=i.index+1;return n>=e.elemItem.length&&(n=0),n},m.prototype.addIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index+e,n.index>=i.elemItem.length&&(n.index=0)},m.prototype.subIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index-e,n.index<0&&(n.index=i.elemItem.length-1)},m.prototype.autoplay=function(){var e=this,i=e.config;i.autoplay&&(e.timer=setInterval(function(){e.slide()},i.interval))},m.prototype.arrow=function(){var e=this,n=e.config,t=i(['<button class="layui-icon '+u+'" lay-type="sub">'+("updown"===n.anim?"&#xe619;":"&#xe603;")+"</button>",'<button class="layui-icon '+u+'" lay-type="add">'+("updown"===n.anim?"&#xe61a;":"&#xe602;")+"</button>"].join(""));n.elem.attr("lay-arrow",n.arrow),n.elem.find("."+u)[0]&&n.elem.find("."+u).remove(),n.elem.append(t),t.on("click",function(){var n=i(this),t=n.attr("lay-type");e.slide(t)})},m.prototype.indicator=function(){var e=this,n=e.config,t=e.elemInd=i(['<div class="'+c+'"><ul>',function(){var i=[];return layui.each(e.elemItem,function(e){i.push("<li"+(n.index===e?' class="layui-this"':"")+"></li>")}),i.join("")}(),"</ul></div>"].join(""));n.elem.attr("lay-indicator",n.indicator),n.elem.find("."+c)[0]&&n.elem.find("."+c).remove(),n.elem.append(t),"updown"===n.anim&&t.css("margin-top",-(t.height()/2)),t.find("li").on("hover"===n.trigger?"mouseover":n.trigger,function(){var t=i(this),a=t.index();a>n.index?e.slide("add",a-n.index):a<n.index&&e.slide("sub",n.index-a)})},m.prototype.slide=function(e,i){var n=this,l=n.elemItem,u=n.config,c=u.index,m=u.elem.attr("lay-filter");n.haveSlide||("sub"===e?(n.subIndex(i),l.eq(u.index).addClass(d),setTimeout(function(){l.eq(c).addClass(r),l.eq(u.index).addClass(r)},50)):(n.addIndex(i),l.eq(u.index).addClass(s),setTimeout(function(){l.eq(c).addClass(o),l.eq(u.index).addClass(o)},50)),setTimeout(function(){l.removeClass(a+" "+d+" "+s+" "+o+" "+r),l.eq(u.index).addClass(a),n.haveSlide=!1},300),n.elemInd.find("li").eq(u.index).addClass(a).siblings().removeClass(a),n.haveSlide=!0,layui.event.call(this,t,"change("+m+")",{index:u.index,prevIndex:c,item:l.eq(u.index)}))},m.prototype.events=function(){var e=this,i=e.config;i.elem.data("haveEvents")||(i.elem.on("mouseenter",function(){clearInterval(e.timer)}).on("mouseleave",function(){e.autoplay()}),i.elem.data("haveEvents",!0))},n.render=function(e){var i=new m(e);return i},e(t,n)});
\ No newline at end of file \ No newline at end of file
src/main/webapp/resources/static/css/index.css
View file @ 2b20ee7e
...@@ -6,7 +6,7 @@ body{background: #FFF;} ...@@ -6,7 +6,7 @@ body{background: #FFF;}
/** 首页 */ /** 首页 */
/*导航部分*/ /*导航部分*/
.nav{width: 100%; height: 80px; box-shadow: 0 3px 3px 0 #CCC; background: #FFF; position: fixed; left: 0; top: 0; z-index: 999; transition: 0.3s} .nav{width: 100%; height: 80px; box-shadow: 0 3px 3px 0 #CCC; background: #FFF; position: fixed; left: 0; top: 0; z-index: 999; transition: 0.3s;}
.nav.index{background: rgba(255, 255, 255 ,1); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);} .nav.index{background: rgba(255, 255, 255 ,1); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
.nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s} .nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}
.nav .layui-container{position: relative; transition: all 400ms ease-out;} .nav .layui-container{position: relative; transition: all 400ms ease-out;}
...@@ -39,12 +39,43 @@ body{background: #FFF;} ...@@ -39,12 +39,43 @@ body{background: #FFF;}
color: #fff; color: #fff;
border-right: 0; border-right: 0;
} }
.nav-logo a img {
margin-top:10px;
}
/*轮播*/ /*轮播*/
#banner img{min-width: 100%; } #banner img{min-width: 100%; }
#banner .panel{width: 100%; position: absolute; top: 30%; left: 0%; margin-left: 0px; text-align: center;} #banner .panel{width: 100%; position: absolute; top: 30%; left: 0%; margin-left: 0px; text-align: center;}
#banner .panel p{color: #8c8c8c; font-size: 44px; line-height: 80px; letter-spacing: 15px;} #banner .panel p{color: #8c8c8c; font-size: 44px; line-height: 80px; letter-spacing: 15px;}
#banner .panel p.title{color: #4a4a4a; font-size: 54px; letter-spacing: 10px;} #banner .panel p.title{color: #4a4a4a; font-size: 54px; letter-spacing: 10px;}
#banner .panel a.button {
width: 150px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 14px;
letter-spacing: 3px;
color: #fff;
position: relative;
cursor: pointer;
float: left;
display: block;
margin-right: 20px;
background: linear-gradient(90deg,#09f 0,#575dfa 100%);
margin-top:100px;
border-radius: 5px;
}
#banner.layui-carousel{
height:780px;
width:100%;
}
#banner .panel p {margin-left:auto; margin-right:auto;}
#banner .panel p.title1{color: #fafafa; font-size: 40px; font-weight: bold;text-align: center;letter-spacing: 2px;}
#banner .panel p.content1{color: #fafafa; font-size: 30px; letter-spacing: 2px;text-align: left;text-align: center;}
#banner .panel p.title2{color: #fafafa; font-size: 40px; font-weight: bold;letter-spacing: 2px;}
#banner .panel p.content2{color: #fafafa; font-size: 30px; letter-spacing: 2px;text-align: left;}
#banner .panel .label {width:1100px;margin-left:auto;margin-right:auto;color:#fafafa;}
/*主体—产品*/ /*主体—产品*/
.main-product{padding-top: 0px; padding-bottom: 70px;} .main-product{padding-top: 0px; padding-bottom: 70px;}
...@@ -195,6 +226,55 @@ body{background: #FFF;} ...@@ -195,6 +226,55 @@ body{background: #FFF;}
.main-about .tabIntro .p_hidden{display: block;} .main-about .tabIntro .p_hidden{display: block;}
.main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;} ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
.nav-logo a img {
width: 80%;
margin-top:17px;
}
.nav{overflow: hidden;}
#banner.layui-carousel{
height:320px;
width:100%;
}
#banner.layui-carousel img{
height:320px;
}
#banner .panel p {
line-height: 20px;
}
#banner .panel{margin-top:40px;}
#banner .panel p.title1{ font-size: 14px; }
#banner .panel p.content1{ font-size: 10px; }
#banner .panel p.title2{ font-size: 14px; }
#banner .panel p.content2{ font-size: 10px; }
#banner .panel .label {width:320px;}
#banner .panel a.button {width: 80px;height: 25px;line-height: 25px;font-size: 10px;margin-top:10px;}
}
@media screen and (min-width: 480px) and (max-width: 768px){
.nav{overflow: hidden;}
.nav-logo a img {
width: 80%;
margin-top:17px;
}
#banner.layui-carousel{
height:480px;
width:100%;
}
#banner.layui-carousel img{
height:480px;
}
#banner .panel{margin-top:30px;}
#banner .panel p.title1{ font-size: 20px; }
#banner .panel p.content1{ font-size: 18px; }
#banner .panel p.title2{ font-size: 20px; }
#banner .panel p.content2{ font-size: 18px; }
#banner .panel .label {width:500px;}
#banner .panel a.button {width: 95px;height: 30px;line-height: 30px;font-size: 12px;margin-top:12px;}
} }
/*小屏幕*/ /*小屏幕*/
@media screen and (min-width: 768px){ @media screen and (min-width: 768px){
...@@ -221,6 +301,15 @@ body{background: #FFF;} ...@@ -221,6 +301,15 @@ body{background: #FFF;}
.main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;} .main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
.main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;} .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
.main-about .tabCour .timeline li.odd .cour-panel{text-align: right;} .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}
.nav-logo a img {
width: 80%;
margin-top:17px;
}
#banner.layui-carousel{
height:580px;
}
} }
@media screen and (min-width: 768px) and (max-width: 992px){ @media screen and (min-width: 768px) and (max-width: 992px){
.main.product .content div.right{padding-left: 20px;} .main.product .content div.right{padding-left: 20px;}
...@@ -231,6 +320,14 @@ body{background: #FFF;} ...@@ -231,6 +320,14 @@ body{background: #FFF;}
.main.product .content .label{line-height: 40px; margin-top: 0;} .main.product .content .label{line-height: 40px; margin-top: 0;}
.main.product .content .detail{padding-bottom: 10px;} .main.product .content .detail{padding-bottom: 10px;}
.main-product p {font-size: 14px;} .main-product p {font-size: 14px;}
.nav .layui-nav .layui-nav-item {margin: 0 20px;}
#banner.layui-carousel{
height:580px;
}
#banner.layui-carousel img{
height:580px;
}
} }
/*大屏幕*/ /*大屏幕*/
@media screen and (min-width: 992px){ @media screen and (min-width: 992px){
...@@ -242,6 +339,10 @@ body{background: #FFF;} ...@@ -242,6 +339,10 @@ body{background: #FFF;}
.main-case .content.even{margin-left: 0;} .main-case .content.even{margin-left: 0;}
.main-case .content.center{margin-right: 3%; margin-left: 3%;} .main-case .content.center{margin-right: 3%; margin-left: 3%;}
.main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;} .main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;}
#banner.layui-carousel{
height:780px;
width:100%;
}
} }
/*超大屏幕*/ /*超大屏幕*/
...@@ -252,6 +353,10 @@ body{background: #FFF;} ...@@ -252,6 +353,10 @@ body{background: #FFF;}
.main-news .content:nth-child(even){padding-left: 20px;} .main-news .content:nth-child(even){padding-left: 20px;}
.main-about .tabCour .timeline li .cour-panel{padding-left: 50px;} .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
.main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;} .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
#banner.layui-carousel{
height:780px;
width:100%;
}
} }
@media screen and (min-width: 1300px) { @media screen and (min-width: 1300px) {
.layui-container{width: 1200px; padding: 0;} .layui-container{width: 1200px; padding: 0;}
...@@ -259,6 +364,11 @@ body{background: #FFF;} ...@@ -259,6 +364,11 @@ body{background: #FFF;}
.nav .nav-logo{position: absolute; top: 0; left: 0;} .nav .nav-logo{position: absolute; top: 0; left: 0;}
.layui-col-space80{margin: -40px;} .layui-col-space80{margin: -40px;}
.layui-col-space80>*{padding: 40px;} .layui-col-space80>*{padding: 40px;}
#banner.layui-carousel{
height:780px;
width:100%;
}
} }
......
src/main/webapp/resources/static/js/firm.js
View file @ 2b20ee7e
...@@ -8,8 +8,8 @@ layui.define(['jquery', 'element', 'carousel', 'laypage'], function(exports){ ...@@ -8,8 +8,8 @@ layui.define(['jquery', 'element', 'carousel', 'laypage'], function(exports){
//轮播渲染 //轮播渲染
carousel.render({ carousel.render({
elem: '#banner' elem: '#banner'
,width: '100%' // ,width: '100%'
,height: '780px' // ,height: '780px'
,arrow: 'always' ,arrow: 'always'
}); });
......
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 to comment