多级菜单嵌套样式的问题

来源：6-10 完美组件 - SubMenu 组件添加测试

Neolu4ever

2022-12-25

老师您好，我在component 的目录下增加了一个 TreeTestMenu 的文件夹，里面是我参照 antd 的进一步改造。

目前遇到的问题在还原样式上：课程代码的样式只涉及到有限的嵌套（1-2层），但是使用时菜单的嵌套可能会更多。

我的第一个问题是，这时样式的代码要如何跟进呢？scss 的嵌套写法无法根据数据自行更新。

另外一个问题在于一个具体的样式实现：antd 的菜单父子选项选中都是同一个效果（同样的宽高和背景颜色）。我通过将 ul 标签设置 padding 为0，且width 为100%，勉强实现了，但是却无法对下面的选项的缩进进行设置。具体的请看代码：https://gitee.com/neolu4ever/react-neo-design.git

antd 的设计请看内嵌菜单的事例：https://4x.ant.design/components/menu-cn/#header

我的样式请看截图
图片描述