el-tree的下拉小图标不消失
时间: 2023-12-27 07:24:27 浏览: 120
下拉列表中显示图标
4星 · 用户满意度95%
根据提供的引用内容,可以通过修改el-tree组件的样式来实现下拉小图标不消失的效果。具体实现方法如下:
1. 首先,找到el-tree组件的样式文件,一般是一个CSS文件或者是一个样式对象。
2. 在样式文件中,找到对应的选择器,一般是`.el-tree-node__expand-icon`或者`.el-tree-node__expand-icon.is-leaf`。
3. 在选择器中添加以下样式代码,来修改下拉小图标的显示方式:
```css
.el-tree-node__expand-icon::before {
content: '\e6a7'; /* 替换为你想要的图标 */
display: inline-block;
font-family: 'iconfont'; /* 替换为你使用的字体图标库 */
font-size: 14px; /* 替换为你想要的图标大小 */
margin-right: 5px; /* 替换为你想要的图标与文字之间的间距 */
}
```
4. 保存样式文件并刷新页面,即可看到下拉小图标不消失的效果。
阅读全文