面包屑首页图标垂直居中+首页入口改指 userhome:crumb-home 用 inline-flex 真居中并关掉压缩 layout.css 遗留的 .path-nav .icon-category{top:1px} 字体基线补偿(该补偿是给老 iconfont 字形用的,对 mask 的 1em 方块反而顶偏;不改压缩产物,覆盖收在组件 scoped);linkHomePage 与面板「全部应用」由 /BschHome/front/index.html 改 /userhome/front/index.html(线上 BschHome 实测 404,userhome 200 且 hash 含 /apps);头部「常用应用」改「返回首页」(icon-shouye,面板 appList 全仓无赋值属死入口,面板 DOM 与 isPanel 保留仅失去入口);build 通过
build / build (push) Successful in 2m33s

This commit is contained in:
chenxing
2026-09-10 11:57:47 +08:00
parent 99e4ea8369
commit c50cafe44e
+21 -6
View File
@@ -152,7 +152,8 @@ const getMenuIcon = (item?: any): string => {
function linkHomePage() { function linkHomePage() {
if (baseHost.value) { if (baseHost.value) {
window.location.href = baseHost.value + "/BschHome/front/index.html"; // 旧 BschHome 已下线(线上 404),首页统一指向用户中心 userhome
window.location.href = baseHost.value + "/userhome/front/index.html";
} else { } else {
window.location.href = "/"; window.location.href = "/";
} }
@@ -163,8 +164,8 @@ function linkHomePage() {
<div class="layout-wrap"> <div class="layout-wrap">
<header class="header-container fix"> <header class="header-container fix">
<div class="fl align-middle icon-box"> <div class="fl align-middle icon-box">
<div title="常用应用" :class="['icon-btn', isPanel ? 'active' : '']" @click="isPanel = !isPanel"> <div title="首页" class="icon-btn" @click="linkHomePage">
<i class="iconfont icon-apps"></i> <i class="iconfont icon-shouye"></i>
</div> </div>
</div> </div>
<div class="delimiter fl align-middle"></div> <div class="delimiter fl align-middle"></div>
@@ -222,8 +223,10 @@ function linkHomePage() {
<Breadcrumb separator=">"> <Breadcrumb separator=">">
<a href="javascript:;" @click="linkHomePage"> <a href="javascript:;" @click="linkHomePage">
<BreadcrumbItem> <BreadcrumbItem>
<i class="iconfont icon-category"></i> <span class="crumb-home">
首页 <i class="iconfont icon-category"></i>
首页
</span>
</BreadcrumbItem> </BreadcrumbItem>
</a> </a>
<BreadcrumbItem v-if="!isAlone" to="/">{{ appName }}</BreadcrumbItem> <BreadcrumbItem v-if="!isAlone" to="/">{{ appName }}</BreadcrumbItem>
@@ -250,7 +253,7 @@ function linkHomePage() {
</li> </li>
</ul> </ul>
<div class="link-panel"> <div class="link-panel">
<a :href="baseHost + '/BschHome/front/index.html#/apps'" target="_blank" rel="noopener noreferrer"> <a :href="baseHost + '/userhome/front/index.html#/apps'" target="_blank" rel="noopener noreferrer">
全部应用 全部应用
<i>→</i> <i>→</i>
</a> </a>
@@ -266,4 +269,16 @@ function linkHomePage() {
.left-menu a .iconfont { .left-menu a .iconfont {
margin-right: 8px; margin-right: 8px;
} }
/* 面包屑「首页」垂直居中:layout.css 遗留的 .path-nav .icon-category{position:relative;top:1px}
是给老 iconfont 字体字形做的基线补偿,换成 ysch mask 的 1em 方块后反而把图标顶偏;
这里用 inline-flex 真居中并关掉该补偿(不动压缩产物 layout.css,覆盖收在本组件内) */
.crumb-home {
display: inline-flex;
align-items: center;
gap: 4px;
}
.crumb-home .iconfont {
position: static;
top: 0;
}
</style> </style>