<div class="Lefter" >
<div style="margin
-top: 0px;">
<div style="height: 50px;background:#0bcbd4">
<span style="padding
-top: 15px; float: left; margin
-left: 25px"></span>
</div>
<el
-menu
:default
-active="$store.state.activatedIndex"
class="el
-menu
-vertical1"
background
-color="#1e1e21"
:router="true"
text
-color="#fff"
v
-show="showMenu"
>
<el
-menu
-item index="1" route="/mainWeb">
<el
-badge :count="15" type="primary" >
<el
-icon><Video
CameraFilled /></el
-icon>
<span>视频管理</span>
</el
-badge>
</el
-menu
-item>
<el
-sub
-menu index="2" route="/fileManage">
<template #title>
<el
-icon><Video
Camera /></el
-icon>
<span>生成视频</span>
</template>
<el
-menu
-item index="2
-2" route="/VirtualMenu/2"><span>虚拟人</span></el
-menu
-item>
<el
-menu
-item index="2
-3" route="/VirtualMenu/3"><span>背景</span></el
-menu
-item>
<el
-menu
-item index="2
-1" route="/VirtualMenu/1"><span>模板</span></el
-menu
-item>
<!
-- <el
-menu
-item index="2
-4" route="/VirtualMenu/4"><span>素材</span></el
-menu
-item>
-->
</el
-sub
-menu>
.Lefter {
width: 130px;
float: left;
d
isplay: inline
-block;
overflow: hidden ;
height: 100vh;
background
-color: #2f2e36;
}
.el
-menu
-item {
padding
-left: 10px;
font
-size: 15px;
}
.el
-menu
-vertical1:not(.el
-menu
--collapse) {
width: 210px;
min
-height: 100vh;
padding
-left: 0px;
margin
-left: 0;
}
:deep().el
-sub
-menu__title {
width: 275px;
font
-size: 15px;
}
.badge{
/* margin
-top: 10px;
margin
-right: 40px; */
/* background
-color: white; */
font
-size: larger;
/* color: crimson;
z
-index: 9999 !important */
}
订阅专栏 解锁全文
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
