GlobalFooter.vue 686 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <div class="footer">
  3. <div class="copyright">
  4. Copyright
  5. <a-icon type="copyright"/>
  6. 2019 <span>上海有腾</span>
  7. </div>
  8. </div>
  9. </template>
  10. <script>
  11. export default {
  12. name: "LayoutFooter"
  13. }
  14. </script>
  15. <style lang="scss" scoped>
  16. .footer {
  17. padding: 0 16px;
  18. margin: 48px 0 24px;
  19. text-align: center;
  20. .links {
  21. margin-bottom: 8px;
  22. a {
  23. color: rgba(0, 0, 0, .45);
  24. &:hover {
  25. color: rgba(0, 0, 0, .65);
  26. }
  27. &:not(:last-child) {
  28. margin-right: 40px;
  29. }
  30. }
  31. }
  32. .copyright {
  33. color: rgba(0, 0, 0, .45);
  34. font-size: 14px;
  35. }
  36. }
  37. </style>