😎调整系统标题布局大小

This commit is contained in:
zuohuaijun 2025-08-07 00:22:31 +08:00
parent f0519fa221
commit ecb74741c3
3 changed files with 13 additions and 9 deletions

View File

@ -58,11 +58,11 @@ const setCollapseStyle = computed(() => {
if (layout === 'columns' || layout === 'classic') {
// 1px
if (isCollapse) return [asideBrColor, 'layout-aside-pc-1'];
else return [asideBrColor, 'layout-aside-pc-220'];
else return [asideBrColor, 'layout-aside-pc-240'];
} else {
// 64px
if (isCollapse) return [asideBrColor, 'layout-aside-pc-64'];
else return [asideBrColor, 'layout-aside-pc-220'];
else return [asideBrColor, 'layout-aside-pc-240'];
}
}
});

View File

@ -36,7 +36,7 @@ const onThemeConfigChange = () => {
<style scoped lang="scss">
.layout-logo {
width: 220px;
width: 240px;
height: 50px;
display: flex;
align-items: center;
@ -45,22 +45,26 @@ const onThemeConfigChange = () => {
color: var(--el-color-primary);
font-size: 16px;
cursor: pointer;
animation: logoAnimation 0.3s ease-in-out;
// animation: logoAnimation 0.3s ease-in-out;
span {
white-space: nowrap;
display: inline-block;
font-weight: 800;
font-weight: bold;
font-size: 18px;
}
&:hover {
span {
color: var(--color-primary-light-2);
// color: var(--color-primary-light-1);
animation: logoAnimation 0.5s ease-in-out;
}
img {
animation: logoAnimation 0.5s ease-in-out;
}
}
&-medium-img {
width: 15%;
margin-right: 5px;
padding: 3px;
padding: 1px;
}
}
.layout-logo-size {

View File

@ -147,8 +147,8 @@ body,
border-right: 1px solid var(--el-border-color-light, #ebeef5);
}
// pc端左侧导航样式
.layout-aside-pc-220 {
width: 220px !important;
.layout-aside-pc-240 {
width: 240px !important;
transition: width 0.3s ease;
}
.layout-aside-pc-64 {