132 lines
4.5 KiB
Vue
132 lines
4.5 KiB
Vue
<script>
|
||
export default {
|
||
props: {
|
||
isCN: Boolean,
|
||
},
|
||
render() {
|
||
const isCN = this.isCN;
|
||
return (
|
||
<footer id="footer">
|
||
<div class="footer-wrap">
|
||
<a-row>
|
||
<a-col md={6} sm={24} xs={24}>
|
||
<div class="footer-center">
|
||
<h2>Ant Design</h2>
|
||
<div>
|
||
<a href="https://github.com/vueComponent/ant-design-vue" target="_blank ">
|
||
<span>GitHub</span>
|
||
</a>
|
||
<span></span>
|
||
<span>
|
||
<i class="anticon anticon-github"></i>
|
||
</span>
|
||
</div>
|
||
<div>
|
||
<a href="https://ant.design/docs/react/introduce-cn" target="_blank">
|
||
Ant Design
|
||
</a>
|
||
<span> - </span>
|
||
<span>React</span>
|
||
</div>
|
||
<div>
|
||
<a href="https://github.com/NG-ZORRO/ng-zorro-antd" target="_blank">
|
||
Ant Design
|
||
</a>
|
||
<span> - </span>
|
||
<span>Angular</span>
|
||
</div>
|
||
<div>
|
||
<a href="https://github.com/websemantics/awesome-ant-design" target="_blank ">
|
||
<span>Awesome Ant Design</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</a-col>
|
||
<a-col md={6} sm={24} xs={24}>
|
||
<div class="footer-center">
|
||
<h2>{isCN ? '资源链接' : 'Resources'}</h2>
|
||
<div>
|
||
<a href="https://cn.vuejs.org/" target="_blank">
|
||
Vue
|
||
</a>
|
||
</div>
|
||
<div>
|
||
<a href="https://cli.vuejs.org/" target="_blank">
|
||
Vue CLI
|
||
</a>
|
||
</div>
|
||
<div>
|
||
<a href="http://library.ant.design/" rel="noopener noreferrer" target="_blank">
|
||
AntD Library
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</a-col>
|
||
<a-col md={6} sm={24} xs={24}>
|
||
<div class="footer-center">
|
||
<h2>{isCN ? '社区' : 'Community'}</h2>
|
||
{isCN ? (
|
||
<div>
|
||
<a href="https://zhuanlan.zhihu.com/ant-design-vue" target="_blank">
|
||
<span>知乎专栏</span>
|
||
</a>
|
||
</div>
|
||
) : (
|
||
''
|
||
)}
|
||
<div>
|
||
<a href="https://github.com/vueComponent/ant-design-vue/releases" target="_blank">
|
||
<span>{isCN ? '更新记录' : 'Change Log'}</span>
|
||
</a>
|
||
</div>
|
||
<div>
|
||
<a
|
||
rel="noopener noreferrer"
|
||
target="_blank"
|
||
href={`https://vuecomponent.github.io/issue-helper/${isCN ? '?lang=zh' : ''}`}
|
||
>
|
||
<span>{isCN ? '报告 Bug' : 'Bug Report'}</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</a-col>
|
||
<a-col md={6} sm={24} xs={24}>
|
||
<div class="footer-center">
|
||
<h2>
|
||
<img
|
||
alt=""
|
||
class="title-icon"
|
||
src="https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg"
|
||
/>
|
||
<span>{isCN ? '更多产品' : 'More Products'}</span>
|
||
</h2>
|
||
<div>
|
||
<a href="https://antv.alipay.com/" rel="noopener noreferrer" target="_blank">
|
||
AntV
|
||
</a>
|
||
<span> - </span>
|
||
<span>{isCN ? '数据可视化' : 'Data Visualization'}</span>
|
||
</div>
|
||
<div>
|
||
<a href="https://eggjs.org/" rel="noopener noreferrer" target="_blank">
|
||
Egg
|
||
</a>
|
||
<span> - </span>
|
||
<span>{isCN ? '企业级 Node 开发框架' : 'Enterprise Node Framework'}</span>
|
||
</div>
|
||
</div>
|
||
</a-col>
|
||
</a-row>
|
||
</div>
|
||
<div style="padding: 10px 144px;">
|
||
备案号：
|
||
<a href="http://www.beian.miit.gov.cn/" target="_blank">
|
||
浙ICP备19034671号
|
||
</a>
|
||
</div>
|
||
</footer>
|
||
);
|
||
},
|
||
};
|
||
</script>
|