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

vue属性组织结构组件

.tree-org-container{display:inline-block;padding:15px;background-color:#fff}.tree-org{display:table;text-align:center}.tree-org:after,.tree-org:before{content:'';display:table}.tree-org:after{clear:both}.tree-org-node,.tree-org-node-children{position:relative;margin:0;padding:0;list-style-type:none}.tree-org-node-children:after,.tree-org-node-children:before,.tree-org-node:after,.tree-org-node:before{-webkit-transition:all .35s;transition:all .35s}.tree-org-node{padding-top:20px;display:table-cell;vertical-align:top}.tree-org-node.collapsed,.tree-org-node.is-leaf{padding-left:10px;padding-right:10px}.tree-org-node:after,.tree-org-node:before{content:'';position:absolute;top:0;left:0;width:50%;height:19px}.tree-org-node:after{left:50%;border-left:1px solid #ddd}.tree-org-node:not(:first-child):before,.tree-org-node:not(:last-child):after{border-top:1px solid #ddd}.tree-org-node-label{position:relative;display:inline-block}.tree-org-node-label .tree-org-node-label-inner{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)}.tree-org-node-btn{position:absolute;top:100%;left:50%;width:20px;height:20px;z-index:10;margin-left:-11px;margin-top:9px;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 .35s ease;transition:all .35s ease}.tree-org-node-btn:hover{background-color:#e7e8e9;-webkit-transform:scale(1.15);transform:scale(1.15)}.tree-org-node-btn:after,.tree-org-node-btn:before{content:'';position:absolute}.tree-org-node-btn:before{top:50%;left:4px;right:4px;height:0;border-top:1px solid #ccc}.tree-org-node-btn:after{top:4px;left:50%;bottom:4px;width:0;border-left:1px solid #ccc}.tree-org-node-btn.expanded{margin-left:-10px}.tree-org-node-btn.expanded:after{border:none}.collapsable .tree-org-node.collapsed{padding-bottom:30px}.collapsable .tree-org-node.collapsed .tree-org-node-label:after{content:'';position:absolute;top:100%;left:0;width:50%;height:20px;border-right:1px solid #ddd}.tree-org>.tree-org-node{padding-top:0}.tree-org>.tree-org-node:after{border-left:0}.tree-org-node-children{display:table;padding-top:20px}.tree-org-node-children:before{content:'';position:absolute;top:0;left:50%;width:0;height:20px;border-left:1px solid #ddd}.tree-org-node-children:after{content:'';display:table;clear:both}.horizontal .tree-org-node{display:table-cell;float:none;padding-top:0;padding-left:20px}.horizontal .tree-org-node.collapsed,.horizontal .tree-org-node.is-leaf{padding-top:10px;padding-bottom:10px}.horizontal .tree-org-node:after,.horizontal .tree-org-node:before{width:19px;height:50%}.horizontal .tree-org-node:after{top:50%;left:0;border-left:0}.horizontal .tree-org-node:only-child:before{top:1px;border-bottom:1px solid #ddd}.horizontal .tree-org-node:not(:first-child):before,.horizontal .tree-org-node:not(:last-child):after{border-top:0;border-left:1px solid #ddd}.horizontal .tree-org-node:not(:only-child):after{border-top:1px solid #ddd}.horizontal .tree-org-node .tree-org-node-inner{display:table}.horizontal .tree-org-node-label{display:table-cell;vertical-align:middle}.horizontal.collapsable .tree-org-node.collapsed{padding-right:30px}.horizontal.collapsable .tree-org-node.collapsed .tree-org-node-label:after{top:0;left:100%;width:20px;height:50%;border-right:0;border-bottom:1px solid #ddd}.horizontal .tree-org-node-btn{top:50%;left:100%;margin-top:-11px;margin-left:9px}.horizontal .tree-org-node-btn.expanded{margin-top:-10px}.horizontal>.tree-org-node:only-child:before{border-bottom:0}.horizontal .tree-org-node-children{display:table-cell;padding-top:0;padding-left:20px}.horizontal .tree-org-node-children:before{top:50%;left:0;width:20px;height:0;border-left:0;border-top:1px solid #ddd}.horizontal .tree-org-node-children:after{display:none}.horizontal .tree-org-node-children>.tree-org-node{display:block}