mart-admin/src/layout/footer/index.vue

31 lines
705 B
Vue

<template>
<div class="layout-footer pb15">
<div class="layout-footer-warp">
<div>{{ themeConfig.globalFootTipMsg }}</div>
<div class="mt5">{{ themeConfig.globalFootTitleMsg }}</div>
</div>
</div>
</template>
<script setup lang="ts" name="layoutFooter">
import { storeToRefs } from 'pinia';
import { useThemeConfig } from '/@/stores/themeConfig';
// 定义变量内容
const storesThemeConfig = useThemeConfig();
const { themeConfig } = storeToRefs(storesThemeConfig);
</script>
<style scoped lang="scss">
.layout-footer {
width: 100%;
display: flex;
&-warp {
margin: auto;
color: var(--el-text-color-secondary);
text-align: center;
animation: error-num 0.3s ease;
}
}
</style>