82 lines
1.6 KiB
Vue
82 lines
1.6 KiB
Vue
<template>
|
|
<div class="serveFooter">
|
|
<div class="footerView">
|
|
<div class="footer-left">
|
|
<div class="common-header-logo">
|
|
<img class="logo" src="https://dm-auto.oss-cn-shanghai.aliyuncs.com/xw_cloud/image/login_logo.png">
|
|
</div>
|
|
</div>
|
|
<div class="footer-right">
|
|
<div class="viewUl">
|
|
<div class="line"><span>个人中心</span></div>
|
|
<div class="line"><span>关于我们</span></div>
|
|
</div>
|
|
<div class="viewUl">
|
|
<div class="line"><span>服务支持</span></div>
|
|
<div class="line"><span>信息查询</span></div>
|
|
<div class="line"><span>自助服务</span></div>
|
|
<div class="line"><span>问题单</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="copyright">
|
|
<div class="viewUl">
|
|
<div class="line"><span>Copyright @2024象纬云科有限公司</span></div>
|
|
<div class="line"><span>版权所有苏ICP备18028199号</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "footerPage",
|
|
data(){
|
|
|
|
},
|
|
mounted() {
|
|
|
|
},
|
|
methods:{
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.serveFooter{
|
|
border-top: 1px solid #f6f6f6;
|
|
background: #FFFFFF;
|
|
padding: 12px 0;
|
|
.footerView{
|
|
padding: 0 20px;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
.footer-right{
|
|
display: flex;
|
|
align-items: flex-start;
|
|
padding: 0 40px;
|
|
.viewUl{
|
|
margin: 0 50px;
|
|
.line{
|
|
padding:0 0 12px 0;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.copyright{
|
|
border-top: 1px solid #f6f6f6;
|
|
padding: 15px 20px 0 20px;
|
|
.viewUl{
|
|
margin: 0;
|
|
display: flex;
|
|
.line{
|
|
padding:0 40px 10px 0;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|