GlobalFooter.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <div class="footer">
  3. <!-- <div class="links">
  4. <a
  5. href="https://pro.loacg.com/"
  6. target="_blank"
  7. >Pro 首页</a>
  8. <a
  9. href="https://github.com/sendya/ant-design-pro-vue"
  10. target="_blank"
  11. >
  12. <a-icon type="github" />
  13. </a>
  14. <a href="https://ant.design/">Ant Design</a>
  15. <a href="https://vue.ant.design/">Vue Antd</a>
  16. </div> -->
  17. <div class="copyright">
  18. Copyright
  19. <a-icon type="copyright" /> {{new Date().getFullYear()}} <span> {{ company }}</span>
  20. </div>
  21. </div>
  22. </template>
  23. <script>
  24. export default {
  25. name: 'GlobalFooter',
  26. data () {
  27. return {
  28. company: process.env.VUE_APP_COM_NAME // 公司
  29. }
  30. }
  31. }
  32. </script>
  33. <style lang="less" scoped>
  34. .footer {
  35. padding: 0 16px;
  36. margin: 48px 0 24px;
  37. text-align: center;
  38. .links {
  39. margin-bottom: 8px;
  40. a {
  41. color: rgba(0, 0, 0, 0.45);
  42. &:hover {
  43. color: rgba(0, 0, 0, 0.65);
  44. }
  45. &:not(:last-child) {
  46. margin-right: 40px;
  47. }
  48. }
  49. }
  50. .copyright {
  51. color: rgba(0, 0, 0, 0.45);
  52. font-size: 14px;
  53. }
  54. }
  55. </style>