| | |
| | | |
| | | <style lang="scss" scoped> |
| | | .column { |
| | | overflow-y: hidden; |
| | | //display: flex; |
| | | width: 100%; |
| | | overflow: hidden; |
| | | min-width: 1399px; |
| | | //min-width: 1920px; |
| | | height: 100%; |
| | | } |
| | | .column-left { |
| | | height: 100%; |
| | | padding-bottom: 20px; |
| | | box-sizing: border-box; |
| | | // height: inherit; |
| | | background-color: #fff; |
| | | position: relative; |
| | | float: left; |
| | | height: 100vh; |
| | | } |
| | | .column-right { |
| | | position: relative; |
| | | //flex: 1; |
| | | background-color: #fff; |
| | | height: 100vh; |
| | | background-color: #eee; |
| | | box-sizing: border-box; |
| | | //overflow: hidden; |
| | | overflow-y: hidden; |
| | | overflow-x: auto; |
| | | } |
| | | .heigher-index { |
| | | position: absolute; |
| | | top: 0; |
| | | z-index: 10; |
| | | width: 100%; |
| | | height: 100%; |
| | | min-width: 1602px; |
| | | } |
| | | .resize-save { |
| | | position: absolute; |
| | |
| | | right: 5px; |
| | | bottom: 0; |
| | | left: 0; |
| | | padding: 14px; |
| | | padding: 16px; |
| | | padding-top: 8px; |
| | | overflow-x: hidden; |
| | | //overflow-y: hidden; |
| | | overflow-y: hidden; |
| | | } |
| | | .resize-bar { |
| | | width: 310px; |
| | |
| | | border-right: 2px solid #efefef; |
| | | border-left: 1px solid #e0e0e0; |
| | | pointer-events: none; |
| | | //cursor: ew-resize; |
| | | } |
| | | .resize-bar:hover ~ .resize-line, |
| | | .resize-bar:active ~ .resize-line { |
| | |
| | | background-size: 100% 100%; |
| | | } |
| | | } |
| | | |
| | | </style> |