Compare commits
4 Commits
| Author | SHA1 | Date |
|---|---|---|
 yujialong
|
3a8dcf6a67 | 2 years ago |
|
yujialong
|
2aa881fd31 | 2 years ago |
|
yujialong
|
c2de003b6c | 2 years ago |
|
yujialong
|
fad1b006cd | 2 years ago |
11 changed files with 214 additions and 96 deletions
|
After Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 123 KiB After Width: | Height: | Size: 661 KiB |
@ -1,56 +1,117 @@ |
|||||||
<template> |
<template> |
||||||
<div class="footer"> |
<div :class="['footer', {isIndex}]"> |
||||||
<div class="info" v-if="isIndex"> |
<template v-if="isIndex"> |
||||||
<span class="m-r-20">客服邮箱：service@huorantech.cn</span> |
<div class="info"> |
||||||
|
<div class="texts"> |
||||||
|
<a class="logo">深圳或然科技</a> |
||||||
|
<p style="margin-bottom: 5px"> |
||||||
|
<span>公司电话：0755-28109829</span> |
||||||
|
<span>合作咨询：郭经理 17671782660</span> |
||||||
|
</p> |
||||||
|
<p> |
||||||
|
<span>地址：广东省深圳市南山区粤海街道海天二路盈峰中心2101</span> |
||||||
|
<span>客户建议：service@huorantech.cn</span> |
||||||
|
</p> |
||||||
</div> |
</div> |
||||||
<div class="copyright"> |
<div class="qrcode"> |
||||||
<span v-if="isIndex">© Copyright 2021 Occupation Lab 职站</span> |
<img src="@/assets/img/about/qrcode.png" alt=""> |
||||||
<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20072679号</a> |
<p class="text">扫一扫，关注公众号</p> |
||||||
</div> |
</div> |
||||||
|
<div class="qrcode m-l-20"> |
||||||
|
<img width="103" src="@/assets/img/about/qrcode1.png" alt=""> |
||||||
|
<p class="text">扫描添加顾问咨询</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<div class="copyright"> |
||||||
|
<!-- <span>© Copyright 2021 Occupation Lab 职站</span> --> |
||||||
|
<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20072679号</a> |
||||||
</div> |
</div> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
<script> |
<script> |
||||||
import Setting from "@/setting"; |
|
||||||
export default { |
export default { |
||||||
data() { |
data() { |
||||||
return { |
return { |
||||||
isIndex: this.$route.path !== '/login' && Setting.whiteList.some(e => e === this.$route.path) // 官网3个页面才能显示邮箱和版权号 |
isIndex: this.$route.path !== '/about' |
||||||
}; |
}; |
||||||
}, |
}, |
||||||
mounted(){ |
watch: { |
||||||
|
'$route'() { |
||||||
}, |
this.isIndex = this.$route.path !== '/about' |
||||||
methods: { |
} |
||||||
|
}, |
||||||
}, |
mounted(){ |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
|
||||||
|
}, |
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||||
.footer{ |
.footer{ |
||||||
padding: 17px 0 9px; |
padding: 17px 0 9px; |
||||||
text-align: center; |
background-color: #0F1D2E; |
||||||
background-color: #0F1D2E; |
&.isIndex { |
||||||
.info{ |
padding-top: 30px; |
||||||
margin-bottom: 7px; |
} |
||||||
font-size: 14px; |
.logo { |
||||||
line-height: 20px; |
display: inline-block; |
||||||
color: #D7DFE7; |
padding-bottom: 10px; |
||||||
} |
margin-bottom: 10px; |
||||||
.copyright{ |
font-size: 20px; |
||||||
font-size: 12px; |
font-weight: bold; |
||||||
text-align: center; |
color: #757F8A; |
||||||
line-height: 17px; |
border-bottom: 1px solid rgba(117, 127, 138, 0.4); |
||||||
span{ |
} |
||||||
margin-right: 20px; |
.info{ |
||||||
color: #757F8A; |
display: flex; |
||||||
} |
justify-content: center; |
||||||
a{ |
align-items: center; |
||||||
color:#757F8A; |
padding-bottom: 10px; |
||||||
font-size: 12px; |
margin-bottom: 10px; |
||||||
&:hover{ |
font-size: 14px; |
||||||
color: #c7c7c7; |
line-height: 20px; |
||||||
} |
color: #D7DFE7; |
||||||
} |
border-bottom: 1px solid #2a2a2a; |
||||||
} |
} |
||||||
|
.texts { |
||||||
|
margin-right: 150px; |
||||||
|
p { |
||||||
|
display: flex; |
||||||
|
} |
||||||
|
span { |
||||||
|
font-size: 12px; |
||||||
|
color: #757F8A; |
||||||
|
&:first-child { |
||||||
|
width: 350px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.qrcode { |
||||||
|
text-align: center; |
||||||
|
.text { |
||||||
|
margin-top: 10px; |
||||||
|
font-size: 12px; |
||||||
|
color: #757F8A; |
||||||
|
} |
||||||
|
} |
||||||
|
.copyright{ |
||||||
|
font-size: 12px; |
||||||
|
text-align: center; |
||||||
|
line-height: 17px; |
||||||
|
span{ |
||||||
|
margin-right: 20px; |
||||||
|
color: #757F8A; |
||||||
|
} |
||||||
|
a{ |
||||||
|
color:#757F8A; |
||||||
|
font-size: 12px; |
||||||
|
&:hover{ |
||||||
|
color: #c7c7c7; |
||||||
|
} |
||||||
} |
} |
||||||
|
} |
||||||
|
} |
||||||
</style> |
</style> |
||||||
Loading…
Reference in new issue