fix: 修复业务组件编辑的时候,返回没有激活对应的侧边菜单的情况

main
wu.jian2 2 years ago
parent 6a948e4f7e
commit b5b3119f19

@ -40,7 +40,9 @@ export default {
const type = this.$route?.query?.type
if (type) {
this.activeType = type
this.$nextTick(() => {
this.$emit('getPageInfo', type)
})
}
},
methods: {
@ -54,6 +56,7 @@ export default {
</script>
<style lang="scss" scoped>
@import '~packages/assets/style/bsTheme.scss';
.side-catalog-wrap {
.component-item-box {
width: 100%;
@ -66,6 +69,7 @@ export default {
}
}
}
.side-catalog-wrap {
padding-top: 16px;
width: 220px;
@ -73,41 +77,51 @@ export default {
box-sizing: border-box;
color: var(--bs-el-title);
background-color: var(--bs-background-2);
.side-catalog-box {
height: calc(100% - 50px);
overflow-y: auto;
.side-catalog-all {
font-weight: bold;
}
.side-catalog-item {
width: 100%;
padding: 8px 16px;
display: flex;
justify-content: space-between;
&:hover {
cursor: pointer;
}
.el-icon-more {
transform: rotate(90deg);
color: var(--bs-el-title);
font-weight: 400;
}
.active-icon-more {
color: var(--bs-el-text);
}
.catalog-name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.page-list-dropdown {
opacity: 0;
}
.dropdown-show {
opacity: 1;
}
}
/*菜单激活时的样式*/
.active-catalog {
background-image: linear-gradient(to right, var(--bs-el-color-primary), var(--bs-background-2));
@ -115,6 +129,7 @@ export default {
color: var(--bs-el-text);
}
}
.add-catalog-box {
padding: 10px 0;
box-sizing: border-box;
@ -123,28 +138,33 @@ export default {
align-items: center;
border-radius: 10px;
margin: 0 8px;
&:hover {
background-color: var(--bs-background-1);
cursor: pointer;
color: var(--bs-el-text);;
color: var(--bs-el-text);
;
}
.el-icon-plus {
padding: 0 5px;
}
}
}
.dropdown-menu-box {
left: 50%;
transform: translateX(-40%);
width: 100px !important;
/deep/.el-dropdown-menu__item {
text-align: center;
padding: 5px;
}
/deep/.popper__arrow {
left: 50% !important;
transform: translateX(-50%) !important;
}
}
</style>
}</style>

Loading…
Cancel
Save