zoukankan      html  css  js  c++  java
  • element-ui的树型结构图,带有复选框的,没有子项的,横排展示

    // 修改树形图样式,如果不含有下箭头的块,要变成行内样式
            treeChildInline(){
                let hasCaretRight = $("#permission_panel").find(".is-leaf");
                $.each(hasCaretRight,(index:number,item:any)=>{
                    let hasChildNodeList= item.closest('.el-tree-node');
                    item.closest('.el-tree-node').style.display = 'inline-block';
                });
            },





    //由于element-ui,样式设置为不换行,所以要修改称换行处理,否则小屏幕会导致,展示不全,被隐藏了

    // 本例#permission_panel仅仅只是增加作用域,防止全局覆盖,只针对想实现的地方处理,如果因为有全局自己修改覆盖,导致失效请用!important,最高级执行覆盖
    <style>
    #permission_panel .el-tree-node{
    white-space: normal;
    }
    </style>

      

  • 相关阅读:
    The nineteenth day
    The eighteen day
    弱读下
    弱读上
    失爆 爆破音
    连读
    The seventeenth day
    The sixteenth day
    React 官方脚手架 create-react-app快速生成新项目
    pc端引入微信公众号文章
  • 原文地址:https://www.cnblogs.com/holy-amy/p/10868941.html
Copyright © 2011-2022 走看看