面包屑首页图标垂直居中+首页入口改指 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
build / build (push) Successful in 2m33s
This commit is contained in:
@@ -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>
|
||||||
|
<span class="crumb-home">
|
||||||
<i class="iconfont icon-category"></i>
|
<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>
|
||||||
Reference in New Issue
Block a user