From c587fbdad6f75ba05e5440b41be144bd335703aa Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期四, 03 十二月 2020 17:16:29 +0800
Subject: [PATCH] 左侧目录树样式优化
---
src/components/LeftNav.vue | 22 ++++++++++++----------
1 files changed, 12 insertions(+), 10 deletions(-)
diff --git a/src/components/LeftNav.vue b/src/components/LeftNav.vue
index 575f5ad..055b299 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">
@@ -238,7 +238,7 @@
size="small"
clearable
@input="querySearchAsync('dir')"
- :style="'width:120px;'"
+ :style="'width:148px;'"
>
<i
class="el-icon-search el-input__icon"
@@ -258,7 +258,7 @@
</div>
<!-- 鏈湴瑙嗛婧愬垪琛� -->
- <div class="dev-vedio-list">
+ <div class="dev-vedio-list" >
<!-- 娣诲姞鏂囦欢澶瑰浘鏍� -->
<div class="tree-edit area-add" v-show="!DataStackPool.readonly">
<el-tooltip content="娣诲姞鏂囦欢澶�" placement="bottom" popper-class="atooltip">
@@ -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