😎调整系统标题布局大小
This commit is contained in:
parent
f0519fa221
commit
ecb74741c3
@ -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'];
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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 {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user