| | |
| | | <template> |
| | | <div class="column"> |
| | | <div class="column-left"> |
| | | <div class="column-left" ref="leftTree"> |
| | | <div class="resize-bar"></div> |
| | | <div class="resize-line"></div> |
| | | <div class="resize-save"> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="column-right"> |
| | | <right-side /> |
| | | <right-side ref="content"/> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import LeftNav from "@/components/LeftNav"; |
| | | import RightSide from "../components/RightSide"; |
| | | |
| | | import TreeDataPool from "@/Pool/TreeData"; |
| | | export default { |
| | | components: { LeftNav, RightSide }, |
| | | data () { |
| | | return { |
| | | screenHeight: 0, |
| | | |
| | | } |
| | | }, |
| | | // created(){ |
| | | // this.TreeDataPool.multiple = true; |
| | | // }, |
| | | mounted() { |
| | | this.screenHeight = document.documentElement.clientHeight - 20; |
| | | window.onresize = () => { |
| | |
| | | } |
| | | .column-right { |
| | | height: 100vh; |
| | | background-color: #eee; |
| | | background-color: #f5f5f5; |
| | | box-sizing: border-box; |
| | | //overflow: hidden; |
| | | overflow-x: auto; |