| | |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | <style lang="scss" > |
|---|
| | | .left-tree-box .local-vedio-area .dev-vedio-list{ |
|---|
| | | height: calc(100vh - 130px); |
|---|
| | | } |
|---|
| | | .left-tree-box .el-tabs--border-card .el-tabs__header{ |
|---|
| | | display: block!important; |
|---|
| | | margin-bottom: 10px; |
|---|
| | | } |
|---|
| | | .column { |
|---|
| | | overflow: hidden; |
|---|
| | | min-width: 1399px; |
|---|
| | |
|---|
| | | bottom: 0; |
|---|
| | | left: 0; |
|---|
| | | padding: 16px; |
|---|
| | | padding-top: 8px; |
|---|
| | | overflow-x: hidden; |
|---|
| | | } |
|---|
| | | .resize-bar { |
|---|
| | | width: 310px; |
|---|
| | | width: 338px; |
|---|
| | | height: inherit; |
|---|
| | | resize: horizontal; |
|---|
| | | cursor: ew-resize; |
|---|
| | | opacity: 0; |
|---|
| | | overflow: scroll; |
|---|
| | | max-width: 500px; //设定最大拉伸长度 |
|---|
| | | min-width: 310px; //设定最小宽度 |
|---|
| | | min-width: 33px; //设定最小宽度 |
|---|
| | | } |
|---|
| | | /* 拖拽线 */ |
|---|
| | | .resize-line { |
|---|
| | |
|---|
| | | right: 0; |
|---|
| | | top: 0; |
|---|
| | | bottom: 0; |
|---|
| | | border-right: 2px solid #eee; |
|---|
| | | border-left: 1px solid #bbb; |
|---|
| | | border-right: 2px solid #efefef; |
|---|
| | | border-left: 1px solid #e0e0e0; |
|---|
| | | pointer-events: none; |
|---|
| | | } |
|---|
| | | .resize-bar:hover ~ .resize-line, |
|---|
