czh-20260605-去除面包屑导航,增加底部标识
This commit is contained in:
@@ -1,13 +1,6 @@
|
||||
<template>
|
||||
<Footer :class="prefixCls" v-if="getShowLayoutFooter" ref="footerRef">
|
||||
<div :class="`${prefixCls}__links`">
|
||||
<a @click="openWindow(SITE_URL)">{{ t('layout.footer.onlinePreview') }}</a>
|
||||
|
||||
<GithubFilled @click="openWindow(GITHUB_URL)" :class="`${prefixCls}__github`" />
|
||||
|
||||
<a @click="openWindow(DOC_URL)">{{ t('layout.footer.onlineDocument') }}</a>
|
||||
</div>
|
||||
<div>Copyright ©2021 JEECG开源社区 出品</div>
|
||||
<Footer :class="prefixCls" v-if="true" ref="footerRef">
|
||||
<div class="footer-text">中国船舶集团有限公司第七〇四研究所 数智化中心开发@2026</div>
|
||||
</Footer>
|
||||
</template>
|
||||
|
||||
@@ -42,21 +35,21 @@
|
||||
const { getDarkMode } = useRootSetting();
|
||||
const isDark = computed(() => getDarkMode.value === ThemeEnum.DARK);
|
||||
|
||||
const getShowLayoutFooter = computed(() => {
|
||||
if (unref(getShowFooter)) {
|
||||
const footerEl = unref(footerRef)?.$el;
|
||||
setFooterHeight(footerEl?.offsetHeight || 0);
|
||||
} else {
|
||||
setFooterHeight(0);
|
||||
}
|
||||
return unref(getShowFooter) && !unref(currentRoute).meta?.hiddenFooter;
|
||||
});
|
||||
// const getShowLayoutFooter = computed(() => {
|
||||
// if (unref(getShowFooter)) {
|
||||
// const footerEl = unref(footerRef)?.$el;
|
||||
// setFooterHeight(footerEl?.offsetHeight || 0);
|
||||
// } else {
|
||||
// setFooterHeight(0);
|
||||
// }
|
||||
// return unref(getShowFooter) && !unref(currentRoute).meta?.hiddenFooter;
|
||||
// });
|
||||
//鼠标移入的颜色设置
|
||||
const hoverColor = computed(() => {
|
||||
return unref(isDark) ? 'rgba(255, 255, 255, 1)' : 'rgba(0, 0, 0, 0.85)';
|
||||
});
|
||||
return {
|
||||
getShowLayoutFooter,
|
||||
// getShowLayoutFooter,
|
||||
prefixCls,
|
||||
t,
|
||||
DOC_URL,
|
||||
@@ -77,27 +70,13 @@
|
||||
@hover-color: v-bind(hoverColor);
|
||||
// update-end-author:liusq date:2023-7-12 for: [issues/608] dark 模式下底部 footer 文字 hover 样式导致文字消失
|
||||
.@{prefix-cls} {
|
||||
color: @normal-color;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
text-align: center;
|
||||
padding: 16px 0;
|
||||
margin-top: auto;
|
||||
|
||||
&__links {
|
||||
margin-bottom: 8px;
|
||||
|
||||
a {
|
||||
color: @normal-color;
|
||||
|
||||
&:hover {
|
||||
color: @hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__github {
|
||||
margin: 0 30px;
|
||||
|
||||
&:hover {
|
||||
color: @hover-color;
|
||||
}
|
||||
.footer-text {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user