Browse Source

子级样式修改

newMaster
1747191978@qq.com 4 months ago
parent
commit
708409103b
  1. 15
      acupuncture-前台/src/layout/components/Sidebar/Item.vue
  2. 11
      acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue

15
acupuncture-前台/src/layout/components/Sidebar/Item.vue

@ -17,24 +17,9 @@ export default {
const { icon, title } = context.props; const { icon, title } = context.props;
const vnodes = []; const vnodes = [];
// if (icon) {
// // vnodes.push(<svg-icon icon-class={icon} />);
// vnodes.push(<img src={itmeIcon[title]} />);
// }
if (title) { if (title) {
console.log("title", title);
if (title.length > 5) {
vnodes.push(
<span slot="title" title={title}>
{title}
</span>
);
} else {
vnodes.push(<span slot="title">{title}</span>); vnodes.push(<span slot="title">{title}</span>);
} }
}
return vnodes; return vnodes;
}, },

11
acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue

@ -146,4 +146,15 @@ export default {
.div-img-gl { .div-img-gl {
display: none; display: none;
} }
.nest-menu .el-menu-item {
height: 40px !important;
line-height: 40px !important;
}
#app .sidebar-container .nest-menu .is-active {
background-color: #fff !important;
}
#app .sidebar-container .nest-menu .is-active:hover {
color: #fff !important;
}
</style> </style>

Loading…
Cancel
Save