<template>
|
<div class="footer">
|
<div class="wrapper">
|
<div class="footer_left">
|
<h3><img src="../img/ming.png" alt />北京明科普华信息技术有限公司</h3>
|
<p class="footer_left_address">北京市朝阳区建国路88号SOHO现代城2号楼29层</p>
|
<p class="footer_left_address">北京市通州区新华北街156号保利大都汇6-808</p>
|
<p class="footer_left_address"><a href="http://beian.miit.gov.cn/" target="_blank">京ICP备12007830号</a></p>
|
<p class="footer_left_address">
|
<a href="https://www.51.la/?comId=4874247" title="51.La 网站流量统计系统" target="_blank"><span class="la">51La</span></a>
|
<a href="http://exmail.qq.com/login" style="margin-right: 20px;" target="_blank" >企业邮箱</a>
|
<a href="https://cli.im/" style="margin-right: 20px;" target="_blank" >生成二维码</a>
|
<a href="http://www.qinms.com/webapp/barcode/index.aspx" target="_blank" >生成条形码</a>
|
</p>
|
</div>
|
<div class="footer_right">
|
<h3 class="m_hide">联系我们</h3>
|
<p class="footer_right_website">
|
<span class="m_hide">公司官网：</span>
|
<img src="../img/add1.png" alt class="footer_img" />
|
<span>www.minkesoft.com</span>
|
</p>
|
<p class="footer_right_website">
|
<span>商务合作：</span>
|
<img src="../img/add2.png" alt class="footer_img" />
|
<span>service@minkesoft.com</span>
|
</p>
|
<p class="footer_right_website footer_right_website22">
|
<img src="../img/add3.png" alt class="footer_img" />
|
<span class="m_hide">400-189-1819</span>
|
<span class="p_hide"><a href="tel:400-189-1819" style="color:#fff">400-189-1819</a></span>
|
</p>
|
</div>
|
</div>
|
<div class="footer_bottom">
|
<p>北京市朝阳区建国路88号SOHO现代城2号楼29层</p>
|
<p>北京市通州区新华北街156号保利大都汇6-808</p>
|
<p><a href="http://beian.miit.gov.cn/" target="_blank">京ICP备12007830号</a></p>
|
<p>
|
<a href="https://www.51.la/?comId=4874247" title="51.La 网站流量统计系统" target="_blank"><span class="la">51La</span></a>
|
<a href="http://exmail.qq.com/login" style="margin-right: 20px;" target="_blank" >企业邮箱</a>
|
<a href="https://cli.im/" style="margin-right: 20px;" target="_blank" >生成二维码</a>
|
<a href="http://www.qinms.com/webapp/barcode/index.aspx" target="_blank" >生成条形码</a>
|
</p>
|
</div>
|
</div>
|
</template>
|
<script>
|
export default {
|
name: 'Footer',
|
data () {
|
return {
|
visible: false,
|
visible2: false
|
}
|
},
|
mounted () {
|
// let _hmt = _hmt || []
|
// let hm = document.createElement('script')
|
// hm.src = 'https://hm.baidu.com/hm.js?606321be5b903a6701a35388580dfa72'
|
// let s = document.getElementsByTagName('script')[0]
|
// s.parentNode.insertBefore(hm, s)
|
}
|
}
|
</script>
|
<style lang="less" scoped>
|
.footer {
|
background: #171717;
|
display: flex;
|
padding: 0.1rem 1rem 0.2rem;
|
}
|
.footer_left {
|
float: left;
|
h3 {
|
margin: 0.23rem 0 0.53rem;
|
font-size: 0.24rem;
|
color: #ffffff;
|
}
|
h2 {
|
font-size: 0.2rem;
|
color: #999999;
|
margin-bottom: 0.1rem;
|
}
|
.footer_left_icon {
|
margin: 0.62rem 0 0.47rem 0;
|
}
|
.footer_left_address {
|
color: #ffffff;
|
font-size: 0.14rem;
|
line-height: 0.3rem;
|
a {
|
color: #ffffff;
|
}
|
}
|
}
|
.footer_right {
|
float: right;
|
margin-top: 0.3rem;
|
h3 {
|
font-size: 0.24rem;
|
color: #fff;
|
margin: 0.16rem 0 0.13rem 0;
|
}
|
.footer_right_website {
|
color: #fff;
|
margin-top: 0.1rem;
|
font-size: 0.14rem;
|
}
|
}
|
.footer_bottom {
|
display: none;
|
}
|
.la {
|
display: inline-block;
|
background-color:#FF7043;
|
color:#fff;
|
padding: 0px 5px;
|
font-family: arial;
|
font-size: 12px;
|
font-weight: bold;
|
line-height: 20px;
|
height: 20px;
|
margin-right: 10px;
|
}
|
@media all and (min-width: 751px) {
|
.footer_img {
|
width: 0.18rem;
|
margin-left: 0.1rem;
|
vertical-align: middle;
|
}
|
.footer_right_website22 {
|
margin-left: 0.75rem;
|
}
|
.footer_left {
|
margin-top: 0;
|
h3 {
|
margin-bottom: 0.1rem;
|
margin-left: -0.28rem;
|
img {
|
width: 0.28rem;
|
margin-top: -0.02rem;
|
}
|
}
|
}
|
.footer_right {
|
margin-top: 0.1rem;
|
}
|
.footer_bottom_icon22 {
|
margin: 0.2rem 0;
|
}
|
}
|
|
@media (max-width: 750px) and (min-width: 0) {
|
.footer {
|
display: block;
|
padding: 0.1rem 0 0;
|
}
|
.footer_left {
|
text-align: center;
|
h3 {
|
font-size: 0.34rem;
|
margin-bottom: 0.2rem;
|
img {
|
width: 0.4rem;
|
margin-top: -0.05rem;
|
}
|
}
|
h2 {
|
font-size: 0.30rem;
|
}
|
.footer_left_address {
|
display: none;
|
}
|
}
|
.footer_bottom_icon22 {
|
display: none;
|
}
|
.footer_img {
|
width: 0.27rem;
|
height: 0.27rem;
|
margin-right: 0.2rem;
|
margin-top: -0.1rem;
|
}
|
.footer_left, .footer_right {
|
float: none;
|
}
|
.footer_right {
|
margin-top: 0.1rem;
|
h3 {
|
font-size: 0.34rem;
|
text-align: center;
|
margin-top: 0;
|
}
|
.footer_right_website span:first-child {
|
display: none;
|
}
|
.footer_right_website:nth-child(2) {
|
span:first-child {
|
display: block;
|
font-size: 0.28rem;
|
margin: 0.58rem 0 0.38rem;
|
}
|
}
|
.footer_right_website {
|
padding-left: 1.2rem;
|
span:last-child {
|
font-size: 0.3rem;
|
}
|
}
|
}
|
|
.footer_bottom {
|
display: block;
|
background: #252525;
|
margin-top: 0.15rem;
|
padding-top: 0.15rem;
|
.footer_bottom_icon {
|
padding: 0.35rem 0;
|
text-align: center;
|
border-bottom: 1px solid rgba(169, 207, 226, 0.17);
|
margin-bottom: 0.24rem;
|
span:first-child {
|
margin-right: 0.3rem;
|
}
|
}
|
p {
|
text-align: center;
|
font-size: 0.24rem;
|
line-height: 0.4rem;
|
color: #fff;
|
a {
|
color: #ffffff;
|
}
|
}
|
p:last-child {
|
padding-bottom: 0.2rem;
|
}
|
}
|
}
|
</style>
|
