| | |
| | | }; |
| | | </script> |
| | | <style scoped lang="scss"> |
| | | .tree-list-main { |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 270px; |
| | | height: 100%; |
| | | box-sizing: border-box; |
| | | .main-search { |
| | | display: flex; |
| | | flex-direction: row; |
| | | align-items: center; |
| | | height: 32px; |
| | | border: 1px solid #EEEEF1; |
| | | border-radius: 3px; |
| | | padding: 0 10px; |
| | | margin-bottom: 10px; |
| | | width: 100%; |
| | | .search-input { |
| | | display: flex; |
| | | flex: 1; |
| | | background: none; |
| | | border: none; |
| | | font-size: 14px; |
| | | color: #000000; |
| | | } |
| | | .search-btn { |
| | | display: flex; |
| | | align-items: center; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .main-tree { |
| | | display: flex; |
| | | flex-direction: column; |
| | | border: 1px solid #EEEEF1; |
| | | //height: 718px; |
| | | flex: 1; |
| | | border-radius: 3px; |
| | | padding: 10px 5px; |
| | | overflow: auto; |
| | | } |
| | | } |
| | | .tree-search { |
| | | display: flex; |
| | | flex-direction: row; |