renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: layout组件样式优化

Browse Source
This commit is contained in:
rd
2025-07-01 16:00:35 +08:00
parent 57e45d991e
commit bc5aea9457
3 changed files with 135 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/components/_base/menu/index.vue
View File

@ -121,7 +121,7 @@ export default defineComponent({
auto-open={false}
selected-keys={selectedKey.value}
auto-open-selected={true}
level-indent={34}
level-indent={24}
style="height: 100%;width:100%;"
onCollapse={setCollapse}
>
@ -132,16 +132,59 @@ export default defineComponent({
});
</script>
<style lang="less" scoped>
<style lang="scss" scoped>
:deep(.arco-menu-inner) {
padding: 20px 24px 0 12px !important;
.arco-menu-inline-header {
display: flex;
align-items: center;
height: 40px;
margin-bottom: 12px;
border-radius: 8px;
.arco-menu-icon {
margin-right: 8px;
}
.arco-menu-title {
color: var(--Text-2, #3c4043);
font-family: 'PuHuiTi-Regular';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 137.5% */
}
&:hover {
background: var(--BG-200, #f2f3f5) !important;
}
&.arco-menu-selected {
.arco-menu-title {
color: var(--Brand-Brand-6, #6d4cfe) !important;
}
}
}
.arco-icon {
&:not(.arco-icon-down) {
font-size: 18px;
}
}
.arco-menu-item {
border-radius: 8px;
.arco-menu-item-inner {
color: var(--Text-3, #737478);
font-family: 'PuHuiTi-Regular';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 137.5% */
}
&:hover {
background: var(--BG-200, #f2f3f5) !important;
}
&.arco-menu-selected {
background: var(--Brand-Brand-1, #f0edff) !important;
.arco-menu-item-inner {
color: var(--Brand-Brand-6, #6d4cfe) !important;
}
}
}
}
</style>