- 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>
35 lines
719 B
Vue
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>
|