fix:tabs宽度

This commit is contained in:
刘玉霞 2024-10-31 10:09:34 +08:00
parent 8483b667f2
commit b8975a4409
2 changed files with 9 additions and 8 deletions

View File

@ -83,6 +83,7 @@ const onMenuCollapse = () => {
:deep(.nav-tabs) { :deep(.nav-tabs) {
display: flex; display: flex;
height: 100%; height: 100%;
width: 100%;
position: relative; position: relative;
background-color: #ffffff; background-color: #ffffff;
margin-right: 0px !important; margin-right: 0px !important;

View File

@ -34,12 +34,12 @@ export function mainHeight(extra = 0): CSSProperties {
* @returns * @returns
*/ */
export function setNavTabsWidth() { export function setNavTabsWidth() {
const navTabs = document.querySelector('.nav-tabs') as HTMLElement // const navTabs = document.querySelector('.nav-tabs') as HTMLElement
if (!navTabs) { // if (!navTabs) {
return // return
} // }
const navBar = document.querySelector('.nav-bar') as HTMLElement // const navBar = document.querySelector('.nav-bar') as HTMLElement
const navMenus = document.querySelector('.nav-menus') as HTMLElement // const navMenus = document.querySelector('.nav-menus') as HTMLElement
const minWidth = navBar.offsetWidth - (navMenus.offsetWidth + 20) // const minWidth = navBar.offsetWidth - (navMenus.offsetWidth + 20)
navTabs.style.width = minWidth.toString() + 'px' // navTabs.style.width = minWidth.toString() + 'px'
} }