From ccee429d379e0108b7445f72ade8d97c110a6fb3 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期二, 09 十一月 2021 18:01:59 +0800 Subject: [PATCH] 问题修复 --- src/pages/cameraVideo/index/App.vue | 25 +++++++++++++++---------- 1 files changed, 15 insertions(+), 10 deletions(-) diff --git a/src/pages/cameraVideo/index/App.vue b/src/pages/cameraVideo/index/App.vue index ccaf13f..c2479d2 100644 --- a/src/pages/cameraVideo/index/App.vue +++ b/src/pages/cameraVideo/index/App.vue @@ -1,13 +1,13 @@ <template> <div class="column"> - <div class="column-left" :style="`height:${screenHeight}px;`"> + <div class="column-left" > <div class="resize-bar"></div> <div class="resize-line"></div> <div class="resize-save"> <left-nav :appName="'Camera'" :height="screenHeight - 40"></left-nav> </div> </div> - <div class="column-right" :style="`height:${screenHeight}px;`"> + <div class="column-right" > <right-side /> </div> <card-window></card-window> @@ -43,20 +43,26 @@ </script> <style lang="scss" scoped> + .column { overflow: hidden; + min-width: 1399px; + height: 100%; } .column-left { - height: inherit; background-color: #fff; position: relative; float: left; + height: 100vh; + //height: inherit; } .column-right { - height: 100%; - background-color: #fff; + height: 100vh; + background-color: #eee; box-sizing: border-box; - overflow: hidden; + //overflow: hidden; + overflow-x: auto; + overflow-y: auto; } .resize-save { position: absolute; @@ -64,7 +70,7 @@ right: 5px; bottom: 0; left: 0; - padding: 16px; + padding: 14px; overflow-x: hidden; } .resize-bar { @@ -83,9 +89,8 @@ right: 0; top: 0; bottom: 0; - z-index: 100; - 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, -- Gitblit v1.8.0