151 lines
3.7 KiB
Vue
151 lines
3.7 KiB
Vue
|
||
<template>
|
||
<div class="foot_container">
|
||
<div class="top">
|
||
<div class="foot_main">
|
||
<div class="text">具有专业化背景的数字化服务公司</div>
|
||
<div class="btn">了解详情</div>
|
||
</div>
|
||
</div>
|
||
<div class="foot_bottem">
|
||
<div class="wrap">
|
||
<div class="item">
|
||
<div class="tit">微信开发</div>
|
||
<div class="main">
|
||
<p>微信小程序开发</p>
|
||
<p>微信定制开发</p>
|
||
<p>微网站</p>
|
||
<p>微商城</p>
|
||
<p>H5页面</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>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="tit">关注或联系我们</div>
|
||
<div class="main">
|
||
<div class="QRCode">
|
||
<img src="@/assets/images/img19.png" alt=""/>
|
||
<img src="@/assets/images/img20.png" alt=""/>
|
||
</div>
|
||
<div class="phone">咨询热线：13303358557 0335-8909696</div>
|
||
<div class="btn">联系我们</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="Copyright">
|
||
© 2022 河北秦安安全科技股份有限公司.版权所有 冀ICP备08007564号 地址：秦皇岛市海港区西港北路85号港城创业基地2栋104室
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
<script setup lang="ts">
|
||
|
||
</script>
|
||
<style scoped lang="scss">
|
||
.foot_container{
|
||
width: 100%;
|
||
.top{
|
||
width: 100%;
|
||
height: 176px;
|
||
background: url("@/assets/images/foot.png") no-repeat top center;
|
||
.foot_main{
|
||
width: 1400px;
|
||
margin: 0 auto;
|
||
padding: 40px 0;
|
||
|
||
.text{
|
||
font-size: 28px;
|
||
color: #222222;
|
||
}
|
||
.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;
|
||
.wrap{
|
||
width: 1400px;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
|
||
.item{
|
||
.tit{
|
||
color: #ffffff;
|
||
font-size: 18px;
|
||
}
|
||
.main{
|
||
color: #cecece;
|
||
font-size: 14px;
|
||
p{
|
||
cursor: pointer;
|
||
}
|
||
.QRCode{
|
||
display: flex;
|
||
align-items: center;
|
||
margin-top: 20px;
|
||
img{
|
||
margin-right: 20px;
|
||
}
|
||
}
|
||
.phone{
|
||
margin-top: 20px;
|
||
color: #ffffff;
|
||
font-size: 14px;
|
||
}
|
||
.btn{
|
||
background: #1d78ff;
|
||
color: #ffffff;
|
||
display: inline-block;
|
||
padding: 6px 30px;
|
||
border-radius: 4px;
|
||
margin-top: 10px;
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
.Copyright{
|
||
width: 1400px;
|
||
margin: 0 auto;
|
||
border-top: 1px solid #20334e;
|
||
color: #2f425d;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
padding-top: 20px;
|
||
}
|
||
}
|
||
}
|
||
</style>
|