bin-tree-org/lib/styles/index.css

vue属性组织结构组件

.bin-tree-org{display:table;text-align:center}.bin-tree-org-wrap{display:inline-block;padding:15px;background-color:#fff}.bin-tree-org:after,.bin-tree-org:before{content:'';display:table}.bin-tree-org:after{clear:both}.bin-tree-org-node,.bin-tree-org-node-children{position:relative;margin:0;padding:0;list-style-type:none}.bin-tree-org-node-children:after,.bin-tree-org-node-children:before,.bin-tree-org-node:after,.bin-tree-org-node:before{-webkit-transition:all .3s;transition:all .3s}.bin-tree-org-node{padding-top:20px;display:table-cell;vertical-align:top}.bin-tree-org-node.collapsed,.bin-tree-org-node.is-leaf{padding-left:10px;padding-right:10px}.bin-tree-org-node:after,.bin-tree-org-node:before{content:'';position:absolute;top:0;left:0;width:50%;height:19px}.bin-tree-org-node:after{left:50%;border-left:1px solid #ddd}.bin-tree-org-node:not(:first-child):before,.bin-tree-org-node:not(:last-child):after{border-top:1px solid #ddd}.bin-tree-org-node-label{position:relative;display:inline-block}.bin-tree-org-node-label .bin-tree-org-node-label-inner{cursor:pointer;padding:10px 15px;text-align:center;border-radius:2px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);box-shadow:0 1px 5px rgba(0,0,0,.15)}.bin-tree-org-node-btn{position:absolute;top:100%;left:50%;width:20px;height:20px;z-index:10;background-color:#fff;border:1px solid #ccc;border-radius:50%;-webkit-box-shadow:0 0 2px rgba(0,0,0,.15);box-shadow:0 0 2px rgba(0,0,0,.15);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.bin-tree-org-node-btn:hover{background-color:#efefef}.bin-tree-org-node-btn:after,.bin-tree-org-node-btn:before{content:'';position:absolute;background:#ccc}.bin-tree-org-node-btn:before{top:50%;left:4px;right:4px;height:1px}.bin-tree-org-node-btn:after{top:4px;left:50%;bottom:4px;width:1px}.bin-tree-org-node-btn.expand:after{display:none}.collapsable .bin-tree-org-node.collapsed{padding-bottom:30px}.collapsable .bin-tree-org-node.collapsed .bin-tree-org-node-label:after{content:'';position:absolute;top:100%;left:0;width:50%;height:20px;border-right:1px solid #ddd}.bin-tree-org>.bin-tree-org-node{padding-top:0}.bin-tree-org>.bin-tree-org-node:after{border-left:0}.bin-tree-org-node-children{display:table;padding-top:20px}.bin-tree-org-node-children:before{content:'';position:absolute;top:0;left:50%;width:0;height:20px;border-left:1px solid #ddd}.bin-tree-org-node-children:after{content:'';display:table;clear:both}.horizontal .bin-tree-org-node{display:table;padding-top:0;padding-left:20px}.horizontal .bin-tree-org-node.collapsed,.horizontal .bin-tree-org-node.is-leaf{padding-top:10px;padding-bottom:10px}.horizontal .bin-tree-org-node:after,.horizontal .bin-tree-org-node:before{width:19px;height:50%}.horizontal .bin-tree-org-node:after{top:50%;left:0;border-left:0}.horizontal .bin-tree-org-node:only-child:before{top:0;border-bottom:1px solid #ddd}.horizontal .bin-tree-org-node:not(:first-child):before,.horizontal .bin-tree-org-node:not(:last-child):after{border-top:0;border-left:1px solid #ddd}.horizontal .bin-tree-org-node:not(:only-child):after{border-top:1px solid #ddd}.horizontal .bin-tree-org-node-label{display:table-cell;vertical-align:middle}.horizontal.collapsable .bin-tree-org-node.collapsed{padding-right:30px}.horizontal.collapsable .bin-tree-org-node.collapsed .bin-tree-org-node-label:after{top:1px;left:100%;width:20px;height:50%;border-right:0;border-bottom:1px solid #ddd}.horizontal .bin-tree-org-node-btn{top:50%;left:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-left:20px}.horizontal>.bin-tree-org-node:only-child:before{border-bottom:0}.horizontal .bin-tree-org-node-children{display:table-cell;padding-top:0;padding-left:20px}.horizontal .bin-tree-org-node-children:before{top:50%;left:0;width:20px;height:0;border-left:0;border-top:1px solid #ddd}.horizontal .bin-tree-org-node-children:after{display:none}.horizontal .bin-tree-org-node-children>.bin-tree-org-node{display:block}