From 8ca3c7fe1f0476a3e2ea10cf4a7fe7c448e5581d Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期四, 03 十二月 2020 15:57:25 +0800 Subject: [PATCH] 数据栈目录树作响应式高度 --- src/components/LeftNav.vue | 18 ++++++++++-------- 1 files changed, 10 insertions(+), 8 deletions(-) diff --git a/src/components/LeftNav.vue b/src/components/LeftNav.vue index bc714e8..dbf8e0c 100644 --- a/src/components/LeftNav.vue +++ b/src/components/LeftNav.vue @@ -210,7 +210,7 @@ <el-tab-pane label="鏁版嵁鏍�" name="dataStack" - :style="`height:${height - 56}px;`" + v-if="showDataStack" > <div class="local-vedio-area"> @@ -871,15 +871,17 @@ } .dev-vedio-list { padding: 0 15px; - max-height: 740px; + box-sizing: border-box; + height: calc(100vh - 80px); + //max-height: 740px; overflow-x: hidden; overflow-y: auto; - @media screen and (max-height: 720px) { - max-height: 580px; - } - @media screen and (min-height: 900px) { - max-height: 740px; - } + // @media screen and (max-height: 720px) { + // max-height: 580px; + // } + // @media screen and (min-height: 900px) { + // max-height: 740px; + // } } .dev-vedio-list::-webkit-scrollbar { /*婊氬姩鏉℃暣浣撴牱寮�*/ -- Gitblit v1.8.0