sysmgr-admin/src/components/ty-footer.vue
liuyun c96151d2ae refactor: convert raw CSS to Tailwind @apply + search collapseCount=3
- ty-search-form 折叠默认数 2 → 3
- login/register/forgot/home/ty-header/ty-sidebar/ty-mixbar/ty-tabs/ty-footer/ty-setting-panel/icon/default 布局裸 CSS 转 @apply
- 修复背景色工具类误写(bg-base→bg-bg-base、bg-page→bg-bg-page)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-10-11 13:18:45 +08:00

35 lines
719 B
Vue

<template>
<footer class="ty-footer" :class="{ 'is-fixed': fixed }">
<span>{{ copyright }}</span>
</footer>
</template>
<script setup lang="ts">
defineOptions({ name: 'TyFooter' })
withDefaults(
defineProps<{
/** 版权文案。 */
copyright?: string
/** 是否固定在视口底部。 */
fixed?: boolean
}>(),
{
copyright: '云南投云科技有限公司',
fixed: false,
},
)
</script>
<style scoped lang="scss">
.ty-footer {
@apply flex items-center justify-center px-4 py-1.5 text-xs text-text-secondary bg-bg-base border-t border-solid;
line-height: 1.4;
border-color: var(--wm-border-color-light);
}
.ty-footer.is-fixed {
@apply sticky bottom-0 z-10;
}
</style>