ant-design-vue/site/src/layouts/Footer.vue

133 lines
4.5 KiB
Vue
Raw Blame History

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.

<template>
<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>
<div v-if="isCN">
<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 v-if="showJeecg">
<a href="http://www.jeecg.com/" target="_blank">Jeecg</a>
</div>
<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://vitejs.dev/" target="_blank">Vite</a>
</div>
<div>
<a href="https://antdv.formilyjs.org/" target="_blank">@formily/antdv</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="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">浙ICP备19034671号</a>
&nbsp;&nbsp;&nbsp; 增值电信业务经营许可证
<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">浙B2-20220161</a>
</div>
</footer>
</template>
<script>
import dayjs from 'dayjs';
import { computed } from 'vue';
export default {
props: {
isCN: Boolean,
},
setup() {
const showJeecg = computed(() => {
return dayjs().isBefore(dayjs('2023-09-10'));
});
return {
dayjs,
showJeecg,
};
},
};
</script>