index.vue 879 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <footer v-if="theme.showFooter" class="vab-footer">
  3. Copyright
  4. <vab-icon icon="copyright-line" />
  5. {{ fullYear }} {{ title }}
  6. </footer>
  7. </template>
  8. <script lang="ts" setup>
  9. import { useSettingsStore } from '/@/store/modules/settings'
  10. defineOptions({
  11. name: 'VabFooter',
  12. })
  13. const fullYear = new Date().getFullYear()
  14. const settingsStore = useSettingsStore()
  15. const { title, theme } = storeToRefs(settingsStore)
  16. </script>
  17. <style lang="scss" scoped>
  18. .vab-footer {
  19. display: flex;
  20. align-items: center;
  21. justify-content: center;
  22. min-height: var(--el-footer-height);
  23. padding: 0 var(--el-padding) 0 var(--el-padding);
  24. margin-top: var(--el-margin);
  25. color: var(--el-color-grey);
  26. background: var(--el-color-white);
  27. border: 1px solid var(--el-border-color);
  28. border-radius: var(--el-border-radius-base);
  29. i {
  30. margin: 0 3px;
  31. }
  32. }
  33. </style>