新布局bug修复
This commit is contained in:
parent
4a05c21035
commit
1ce0dbc8e2
@ -62,8 +62,8 @@ export default defineComponent({
|
|||||||
|
|
||||||
// 获取可渲染数量
|
// 获取可渲染数量
|
||||||
const setVisibleNumber = () => {
|
const setVisibleNumber = () => {
|
||||||
const width = document.body.getBoundingClientRect().width-600;
|
const width = document.body.getBoundingClientRect().width-550;
|
||||||
visibleNumber.value = Math.floor(width / 110);
|
visibleNumber.value = Math.floor(width / 120);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 组件的生命周期钩子
|
// 组件的生命周期钩子
|
||||||
@ -212,9 +212,10 @@ export default defineComponent({
|
|||||||
{filteredRoutes.value.length > 0 && (
|
{filteredRoutes.value.length > 0 && (
|
||||||
<ElMenu
|
<ElMenu
|
||||||
mode="horizontal"
|
mode="horizontal"
|
||||||
style={['height: 48px']}
|
style={['height: 47px','max-width: 100px']}
|
||||||
backgroundColor="var(--top-header-bg-color)"
|
backgroundColor="var(--top-header-bg-color)"
|
||||||
textColor="var(--top-header-text-color)"
|
textColor="var(--top-header-text-color)"
|
||||||
|
class="dark:bg-[var(--el-bg-color)] !important"
|
||||||
>
|
>
|
||||||
{() => {
|
{() => {
|
||||||
return unref(tabRouters).map((v, index) => {
|
return unref(tabRouters).map((v, index) => {
|
||||||
@ -284,4 +285,7 @@ $prefix-cls: #{$namespace}-tab-menu;
|
|||||||
.icon-class.hidden {
|
.icon-class.hidden {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
.el-menu--horizontal.el-menu {
|
||||||
|
border-bottom: none !important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user