在前端布局后台管理界面中,我们在创建导航菜单的时候,经常会有菜单项内嵌子菜单布局,点击菜单项实现子菜单的显示与影藏。实现结果其实很简单,控制子菜单列表的 css 样式:display: block/none
。
style.css文件:
* {
margin: 0;
padding: 0;
}
li{
list-style: none;
}
a{
text-decoration: none;
}
body{
height: 100vh;
display: flex;
flex-flow: column nowrap;
/*控制鼠标双击复制文本*/
-ms-user-select: none;
-moz-user-select