gaoxing/UNIVPLMDataIntegration
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

😎调整系统标题布局大小

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Web/src/layout/component/aside.vue
View File

@ -58,11 +58,11 @@ const setCollapseStyle = computed(() => {
if (layout === 'columns' || layout === 'classic') { if (layout === 'columns' || layout === 'classic') {
// 分栏布局、经典布局，菜单收起时宽度给 1px，防止切换动画消失 // 分栏布局、经典布局，菜单收起时宽度给 1px，防止切换动画消失
if (isCollapse) return [asideBrColor, 'layout-aside-pc-1']; if (isCollapse) return [asideBrColor, 'layout-aside-pc-1'];
else return [asideBrColor, 'layout-aside-pc-220']; else return [asideBrColor, 'layout-aside-pc-240'];
} else { } else {
// 其它布局给 64px // 其它布局给 64px
if (isCollapse) return [asideBrColor, 'layout-aside-pc-64']; if (isCollapse) return [asideBrColor, 'layout-aside-pc-64'];
else return [asideBrColor, 'layout-aside-pc-220']; else return [asideBrColor, 'layout-aside-pc-240'];
} }
} }
}); });

14
Web/src/layout/logo/index.vue
View File

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

4
Web/src/theme/app.scss
View File

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