81 lines
2.0 KiB
Vue
81 lines
2.0 KiB
Vue
<template>
|
||
<div>
|
||
<div class="footer">
|
||
<div class="row1">
|
||
<div class="pageWidth">
|
||
<table class="footerTable">
|
||
<thead class="bread desktop smallDesktop">
|
||
<tr>
|
||
<th>我们的办公室</th>
|
||
<th>快速链接</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="stackable">
|
||
<ul class="quickLinks bread">
|
||
<li v-for="item in contactData" :key="item.name">
|
||
<label>{{item.name+"："}}</label>
|
||
<label>{{item.value}}</label>
|
||
</li>
|
||
</ul>
|
||
|
||
</td>
|
||
<td class="quickLinksContainer">
|
||
<div class="mobile mobileFooterTitle bread">Snabblänkar</div>
|
||
<ul class="quickLinks bread">
|
||
<li v-for="menu in menus" :key="menu.name">
|
||
<router-link :to="menu.url">{{menu.name}}</router-link>
|
||
</li>
|
||
</ul>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row2">
|
||
<div class="contentContainer pageWidth">
|
||
<div class="bread">Copyright © 2018 Bimwe Technology co. LTD</div>
|
||
|
||
<div class="beian-box">
|
||
<img :src="beianIcon" style="width:30px;" />
|
||
<a href="https://beian.miit.gov.cn/" target="_blank">沪ICP备19005870号-1</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
beianIcon: require('../assets/img/beian_icon.png'),
|
||
menus: window.config.menus,
|
||
contactData: [
|
||
{ name: '地址', value: '上海市宝山区' },
|
||
{ name: '手机', value: '13817819452' },
|
||
{ name: '邮箱', value: 'Zhp@bimwe.com' }
|
||
]
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style lang="less" scoped>
|
||
.quickLinks li {
|
||
float: left;
|
||
margin: 5px 20px;
|
||
}
|
||
|
||
.beian-box {
|
||
a {
|
||
color: #fff;
|
||
}
|
||
}
|
||
</style>
|
||
|
||
|