@zhousd/virtual-tree/lib/vl-tree.css

[](https://www.npmjs.com/package/@sangtian152/virtual-tree)  ![GitHub Repo stars](https://img.shields.io/githu

.vl-scrollbar{position:relative}.vl-scrollbar:hover .vl-scrollbar__virtual{opacity:1;right:0!important}.vl-scrollbar__content::-webkit-scrollbar{display:none}.vl-scrollbar__virtual{opacity:0;transition:opacity .34s ease-out}.vl-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;transition:background-color .3s}.vl-scrollbar__thumb,.vl-scrollbar__thumb:hover{background-color:#909399}[class^=vl-icon]{display:block}.vl-icon__caret-right{position:relative;color:#a8abb2;width:10px;height:10px}.vl-icon__caret-right:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-25%);border:5px solid transparent;border-left-color:currentColor}.vl-tree-node__label{color:#606266;font-size:14px;white-space:nowrap}.vl-tree__content{display:flex;align-items:center;cursor:pointer}.vl-tree__content:hover{background-color:#f5f7fa}.vl-tree__checkbox{margin-right:4px}.vl-tree__expand-icon{cursor:pointer;transform:rotate(0deg);transition:transform .3s ease-in-out;color:#a8abb2;font-size:12px}.vl-tree__expand-icon.expanded{transform:rotate(90deg)}.vl-tree__expand-icon .el-icon-caret-right{padding:6px}.vl-tree__expand-icon.is-leaf{color:transparent;cursor:default}.vl-checkbox{color:#606266;font-weight:500;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:8px}.vl-checkbox,.vl-checkbox__input{position:relative;cursor:pointer;display:inline-block;white-space:nowrap}.vl-checkbox__input{outline:none;line-height:1;vertical-align:middle}.vl-checkbox__input.is-disabled .vl-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.vl-checkbox__input.is-disabled .vl-checkbox__inner:after{cursor:not-allowed;border-color:#c0c4cc}.vl-checkbox__input.is-disabled .vl-checkbox__inner+.vl-checkbox__label{cursor:not-allowed}.vl-checkbox__input.is-disabled.is-checked .vl-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.vl-checkbox__input.is-disabled.is-checked .vl-checkbox__inner:after{border-color:#c0c4cc}.vl-checkbox__input.is-disabled.is-indeterminate .vl-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.vl-checkbox__input.is-disabled.is-indeterminate .vl-checkbox__inner:before{background-color:#c0c4cc;border-color:#c0c4cc}.vl-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.vl-checkbox__input.is-checked .vl-checkbox__inner{background-color:#409eff;border-color:#409eff}.vl-checkbox__input.is-checked .vl-checkbox__inner:after{transform:rotate(45deg) scaleY(1)}.vl-checkbox__input.is-checked+.el-checkbox__label{color:#409eff}.vl-checkbox__input.is-focus .vl-checkbox__inner{border-color:#409eff}.vl-checkbox__input.is-indeterminate .vl-checkbox__inner{background-color:#409eff;border-color:#409eff}.vl-checkbox__input.is-indeterminate .vl-checkbox__inner:before{content:"";position:absolute;display:block;background-color:#fff;height:2px;transform:scale(.5);left:0;right:0;top:5px}.vl-checkbox__input.is-indeterminate .vl-checkbox__inner:after{display:none}.vl-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.vl-checkbox__inner:hover{border-color:#409eff}.vl-checkbox__inner:after{box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in .05s;transform-origin:center}.vl-checkbox__original{opacity:0;outline:none;position:absolute;margin:0;width:0;height:0;z-index:-1}.vl-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}