qa_portal
/
ujcms-v10.1.3
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

index foot

master
鲁洪霞 2026-04-22 18:01:40 +08:00
parent 28f27959d3
commit cc4c92be5f
7 changed files with 162 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
src/main/webapp/templates/1/default/_files/css/main.css
View File

@ -673,38 +673,44 @@ font-size: 16px;
/*foot*/
.foot_container{
width: 100%;
.top{
width: 100%;
height: 176px;
background: url("../img/foot.png") no-repeat top center;
.foot_main{
width: 1400px;
margin: 0 auto;
padding: 40px 0;
background: #0c1d35;
.service-box{
width:1400px;
margin: 0 auto;
background: #0c1d35;
border-bottom:1px solid #142947;
display:flex;
padding:30px 0;
justify-content: space-between;
.service{
display:flex;
align-items: center;
.img{
margin-right: 10px;
}
.info{
.tit{
color: #ffffff;
font-size: 14px;
}
.text{
color: #cecece;
font-size: 12px;
}
}
}
}
.text{
font-size: 28px;
color: #222222;
}
.info{
font-size: 16px;
margin-top:10px;
color: #999999;
}
.btn{
display: inline-block;
background: #3f79ff;
color: #ffffff;
padding: 6px 30px;
border-radius: 4px;
margin-top: 10px;
}
}
}
.foot_bottem{
width: 100%;
background: #0c1d35;
padding: 20px 0;
padding: 30px 0;
.wrap{
width: 1400px;
margin: 0 auto;
@ -715,14 +721,15 @@ font-size: 16px;
.tit{
color: #ffffff;
font-size: 18px;
font-size: 16px;
margin-bottom: 10px;
}
.main{
color: #cecece;
font-size: 14px;
font-size: 13px;
p{
cursor: pointer;
line-height:1
}
.QRCode{
display: flex;
@ -744,9 +751,24 @@ font-size: 16px;
padding: 6px 30px;
border-radius: 4px;
margin-top: 10px;
}
}
.phone-title{
font-size: 14px;
color:#cecece;
}
.phone{
color: #fff;
margin: 3px 0 10px;
font-size: 22px;
font-weight: 600;
}
.address{
color:#ffffff;
font-size: 14px;
margin-top: 10px;
}
}
}
@ -851,6 +873,7 @@ font-size: 16px;
position: fixed;
bottom:50px;
right:30px;
z-index:99999;
}
/*新闻中心*/
@ -2351,9 +2374,14 @@ max-width: 100%;
background:rgba(0,0,0,0.5);
top:0;
left:0;
display:flex;
display:none;
align-items:center;
justify-content:center;
transition: background 0.3s ease;
}
.edu_container.show{
display:flex;
}
.edu_mainer{
width:400px;
background:#ffffff;
@ -2365,6 +2393,10 @@ max-width: 100%;
display:flex;
justify-content:space-between;
align-items:center;
.close{
cursor:pointer;
}
}
.edu_main{
width:100%;

BIN
src/main/webapp/templates/1/default/_files/img/foot_ico1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
src/main/webapp/templates/1/default/_files/img/foot_ico2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/main/webapp/templates/1/default/_files/img/foot_ico3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/main/webapp/templates/1/default/_files/img/foot_ico4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

110
src/main/webapp/templates/1/default/inc_footer.html
View File

@ -1,60 +1,94 @@
[#escape x as (x)!?html]
<div class="foot_container">
<div class="top">
<div class="foot_main">
<div class="text">应急安全专业化背景的全国领先数字化服务公司</div>
<div class="info">深入垂直行业，以数字化技术为引擎，为客户提供战略、业务、技术一体化的解决方案。</div>
<div class="service-box">
<div class="service">
<div class="img"><img src="${'${files}/img/foot_ico2.png'}" alt="${site.name}"></div>
<div class="info">
<div class="tit">以客户为本</div>
<div class="text">创造核心价值，助力企业数字化转型提质增效</div>
</div>
</div>
<div class="service">
<div class="img"><img src="${'${files}/img/foot_ico3.png'}" alt="${site.name}"></div>
<div class="info">
<div class="tit">7×24 小时服务</div>
<div class="text">全天候专业工程师快速响应，为企业排忧解难，企业无忧</div>
</div>
</div>
<div class="service">
<div class="img"><img src="${'${files}/img/foot_ico1.png'}" alt="${site.name}"></div>
<div class="info">
<div class="tit">数字化全案咨询</div>
<div class="text">前瞻性规划，配套落地工具，一步到位</div>
</div>
</div>
<div class="service">
<div class="img"><img src="${'${files}/img/foot_ico4.png'}" alt="${site.name}"></div>
<div class="info">
<div class="tit">服务网络覆盖全国</div>
<div class="text">子公司、办事处及合作商全面布局</div>
</div>
</div>
</div>
<div class="foot_bottem">
<div class="wrap">
<div class="item">
<div class="tit">微信开发</div>
<div class="tit">产品中心</div>
<div class="main">
<p>微信小程序开发</p>
<p>微信定制开发</p>
<p>微网站</p>
<p>微商城</p>
<p>H5页面</p>
<p>GBS OS 数字化底座平台</p>
<p>危化、园区企业安全监管平台</p>
<p>港口企业安全监管平台</p>
<p>钢铁企业安全管理平台</p>
<p>企业全员安全培训智能托管平台</p>
</div>
</div>
<div class="item">
<div class="tit">产品中心</div>
<div class="main">
<p>GBS OS 数字化底座平台</p>
<p>危化、园区企业安全监管平台</p>
<p>港口企业安全监管平台</p>
<p>钢铁企业安全管理平台</p>
<p>企业全员安全培训智能托管平台</p>
</div>
</div>
<div class="item">
<div class="tit">解决方案</div>
<div class="main">
<p>政府服务</p>
<p>危化企业</p>
<p>港口企业</p>
<p>钢铁企业</p>
<p>交通企业</p>
<p>企业全员安全培训智能托管</p>
</div>
</div>
<div class="item">
<div class="tit">业务服务</div>
<div class="main">
<p>安全评价</p>
<p>安全标准化评审与咨询</p>
<p>职业卫生检测与评价</p>
<p>金属非金属矿山设备检测</p>
<p>环境卫生检测检验</p>
<p>应急救援指挥</p>
<p>安全评价、评估</p>
<p>安全生产检测检验</p>
<p>安全生产托管</p>
<p>标准化评审</p>
<p>安全生产培训</p>
<p>安全生产软件开发</p>
</div>
</div>
<div class="item">
<div class="tit">平台系统</div>
<div class="main">
<p>双重预防机制建设平台</p>
<p>安全生产线上培训平台</p>
<p>联安众课件商城</p>
<p>联安云-十小监管</p>
<p>数据化标准库平台</p>
<p>北戴河应急管理平台</p>
</div>
</div>
<div class="item">
<div class="tit">关注或联系我们</div>
<div class="main">
<div class="QRCode">
<img src="${'${files}/img/img20.png'}" alt="${site.name}">
</div>
<div class="phone">咨询热线：400-669-6987</div>
<div class="btn">联系我们</div>
</div>
<div class="item">
<div class="phone-title">服务热线：</div>
<div class="phone">400-669-6987</div>
<div class="phone-title">地址：</div>
<div class="address">
秦皇岛市海港区西港北路85号港城创业基地2栋 <br>
秦皇岛市经济技术开发区数谷腾园5-5</div>
</div>
</div>
<div class="Copyright">
© 2022 河北秦安安全科技股份有限公司.版权所有 冀ICP备08007564号 地址：秦皇岛市海港区西港北路85号港城创业基地2栋104室
© 2022 河北秦安安全科技股份有限公司.版权所有 冀ICP备08007564号
</div>
</div>
</div>

32
src/main/webapp/templates/1/default/index.html
View File

@ -131,7 +131,7 @@
<div class="item active" data-index="0">资质荣誉</div>
<div class="item" data-index="1">危化、园区企业安全监管平台</div>
<div class="item" data-index="2">港口企业安全监管平台</div>
<div class="item" data-index="3">钢铁企业安全监管平台</div>
<div class="item" data-index="3">钢铁企业安全管理平台</div>
<div class="item" data-index="4">基层应急数智平台</div>
<div class="item" data-index="5">企业全员安全培训智能托管平台</div>
</div>
@ -195,7 +195,7 @@
<div class="img">
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
</div>
<div class="title">钢铁企业安全监管平台</div>
<div class="title">钢铁企业安全管理平台</div>
<div class="notes">平台摒弃多系统分散管理模式，以核心预警能力为牵引，完整集成七大安全管理核心模块，实现 “一个平台管全局”，覆盖安全管理全流程各环节，七大模块数据互通、流程联动，既降低企业信息化投入成本，又实现安全管理全内容、全周期覆盖。</div>
<div class="info">
<div class="list">
@ -304,7 +304,7 @@
<div class="title">企业全员安全培训智能托管</div>
<div class="info">
<div class="more" id="edu_btn">
<a>立即试用</a>
<a style=" cursor:pointer;">立即试用</a>
<img alt="${site.name}" src="${'${files}/img/img15.png'}">
</div>
</div>
@ -321,11 +321,10 @@
<div class="close"><img alt="${site.name}" src="${'${files}/img/close.png'}"></div>
</div>
<div class="edu_main">
<div class="tip">这里是一段话</div>
<div class="tip">企业全员安全培训智能托管，让安全管理更省心。</div>
<div class="QRCode"><img alt="${site.name}" src="${'${files}/img/img20.png'}" ></div>
<div class="text">扫一扫，了解详情</div>
<div class="text">扫一扫，申请体验版</div>
</div>
</div>
</div>
<!--客户案例-->
@ -379,6 +378,27 @@ $('.product_wrap .top_container .item').click(function(){
$('.product_wrap .main_container[data-index="'+index+'"]').show();
});
$(function () {
// 点击按钮显示弹窗
$('#edu_btn').on('click', function () {
$('.edu_container').addClass('show');
});
// 点击关闭按钮隐藏弹窗
$('.edu_container .close').on('click', function () {
$('.edu_container').removeClass('show');
});
// 点击遮罩层关闭弹窗
$('.edu_container').on('click', function (e) {
if (e.target === this) {
$(this).removeClass('show');
}
});
});
</script>
</body>