You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/antdv-demo/components/footer.vue

146 lines
4.9 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<script>
import moment from 'moment';
export default {
props: {
isCN: Boolean,
},
render() {
const isCN = this.isCN;
const showPpy = moment().isBefore(moment('2021-06-15'));
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 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>{isCN ? '友情链接' : 'Links'}</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="https://antdv.formilyjs.org/" target="_blank">
@formily/antdv
</a>
</div>
{showPpy && (
<div>
<a href="https://www.pengpengyu.com/" target="_blank">
砰砰鱼
</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://beian.miit.gov.cn/" target="_blank">
浙ICP备19034671号
</a>
</div>
</footer>
);
},
};
</script>