- 将所需的图标文件添加到你的项目中。这可以是矢量图标文件（如SVG）或位图图标文件（如PNG）。
- 在菜单项的HTML结构中，为图标创建一个元素，通常是一个
<span>或<i>元素。 - 使用CSS为图标元素设置样式。你可以使用背景图像、字体图标或SVG图像等方法来显示图标。例如，如果你使用字体图标，可以为图标元素添加相应的CSS类。
html：
<ul class="tree"> <li> <span class="icon">▶</span> 树形菜单项1 <ul> <li><span class="icon">•</span> 子菜单项1</li> <li><span class="icon">•</span> 子菜单项2</li> </ul> </li> <li> <span class="icon">▶</span> 树形菜单项2 </li> </ul>
css：
.tree .icon { /* 设置字体图标的样式 */ font-family: "Font Awesome"; /* 假设你使用的是Font Awesome字体图标 */ margin-right: 5px; /* 可以调整图标与文本之间的间距 */ }
