提交 | 用户 | 时间
|
820397
|
1 |
<script lang="ts" setup> |
H |
2 |
import { useAppStore } from '@/store/modules/app' |
|
3 |
import { useDesign } from '@/hooks/web/useDesign' |
|
4 |
|
|
5 |
// eslint-disable-next-line vue/no-reserved-component-names |
|
6 |
defineOptions({ name: 'Footer' }) |
|
7 |
|
|
8 |
const { getPrefixCls } = useDesign() |
|
9 |
|
|
10 |
const prefixCls = getPrefixCls('footer') |
|
11 |
|
|
12 |
const appStore = useAppStore() |
|
13 |
|
|
14 |
const title = computed(() => appStore.getTitle) |
|
15 |
</script> |
|
16 |
|
|
17 |
<template> |
|
18 |
<div |
|
19 |
:class="prefixCls" |
3e359e
|
20 |
class="h-[var(--app-footer-height)] bg-[var(--app-content-bg-color)] text-center leading-[var(--app-footer-height)] text-[var(--el-text-color-placeholder)] dark:bg-[var(--el-bg-color)] overflow-hidden" |
820397
|
21 |
> |
3e359e
|
22 |
<span class="text-14px">Copyright ©2022-{{ title }}</span> |
820397
|
23 |
</div> |
H |
24 |
</template> |