GlobalFooter.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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" /> 2020 <span> 陕西山海高科信息技术有限公司</span>
  20. </div>
  21. </div>
  22. </template>
  23. <script>
  24. export default {
  25. name: 'GlobalFooter',
  26. data () {
  27. return {}
  28. }
  29. }
  30. </script>
  31. <style lang="less" scoped>
  32. .footer {
  33. padding: 0 16px;
  34. margin: 48px 0 24px;
  35. text-align: center;
  36. .links {
  37. margin-bottom: 8px;
  38. a {
  39. color: rgba(0, 0, 0, 0.45);
  40. &:hover {
  41. color: rgba(0, 0, 0, 0.65);
  42. }
  43. &:not(:last-child) {
  44. margin-right: 40px;
  45. }
  46. }
  47. }
  48. .copyright {
  49. color: rgba(0, 0, 0, 0.45);
  50. font-size: 14px;
  51. }
  52. }
  53. </style>