|
- <template>
- <div class="footer">
- <div class="main footer-wrap">
- <a-row justify="space-around" type="flex">
- <a-col v-for="item in footerList" :key="`footer${item.title}`" :xs="12" :md="4" :xxl="2" class="footer-center">
- <div class="title">{{ item.title }}</div>
- <div class="sub-list">
- <a v-for="subItem in item.subList" :key="`footer-sub${subItem.name}`" :href="item.url" target="_blank" class="subtitle">
- {{ subItem.name }}
- </a>
- </div>
- </a-col>
- <a-col :xs="24" :md="12" :xxl="8" style="text-align: center;" class="footer-center">
- <div class="title">{{ contact.title }}</div>
- <div class="sub-list">
- <a v-for="subItem in contact.subList" :key="`footer-sub${subItem.name}`" class="subtitle">
- {{ subItem.name }}: {{ subItem.value }}
- </a>
- </div>
- </a-col>
- </a-row>
- </div>
- <div class="main copyright">
- <a-row justify="center" type="flex">
- 备案号:京ICP备18004880号-2
- </a-row>
- </div>
- </div>
- </template>
- <script>
- export default {
- data() {
- return {
- contact: {
- title: '联系方式',
- subList: [
- {name: "秘书处邮箱", value: 'secretariat@openi.org.cn'},
- // {name: "地址", value: '北京市xxxxx515室'},
- ]
- },
- footerList: [
- {
- title: '合作社区',
- subList: [
- {name: '理事会', url: 'https://openi.org.cn/html/Club/2019/0227/14.html'},
- {name: '技术委员会', url: 'https://openi.org.cn/html/Club/2019/0227/14.html'},
- {name: '加入', url: 'https://openi.org.cn/html/Club/2019/0228/17.html'},
- ]
- },
- {
- title: '网站信息',
- subList: [
- {name: '社区动态', url: 'https://openi.org.cn/html/news/dongtai/'},
- {name: '成员动态', url: 'https://openi.org.cn/html/news/huodong/'},
- {name: '行业资讯', url: 'https://openi.org.cn/html/news/zixun/'},
- ]
- },
- {
- title: '官方合作',
- subList: [
- {name: '百度深度学习平台飞桨', url: 'https://aistudio.baidu.com/'},
- {name: '京东人工智能开放平台', url: 'https://neuhub.jd.com/'},
- {name: '旷视深度学习平台天元', url: 'https://studio.brainpp.com/'},
- {name: '360深度学习平台', url: '#'},
- ]
- }
- ]
- }
- }
- }
- </script>
|