vue项目中 el-tree 的扩展下拉图标放置右侧

vue项目中原有的扩展下拉图标默认是放在左侧的,
现在需求:是放置在右侧。如下两个图所示:图一 为默认,图二为已放置右侧的图标

vue项目中 el-tree 的扩展下拉图标放置右侧_第1张图片
代码如下:







主要代码说明:修改el-tree-node__expand-icon 样式即可

 >>> .el-tree-node__expand-icon{
            position :absolute;
            right 2%
        }
        >>> .el-tree-node__label{
            padding-left 15px;
        }

你可能感兴趣的:(vue,Element,UI,Tree树形控件,css3,javascript,css3,vue.js,html5)