From f77dad86de37e5ab0df6a6ce43f21e1ab408d389 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期六, 08 八月 2020 11:23:39 +0800
Subject: [PATCH] 调整布局
---
src/pages/cameraAccess/index/VideoManage.vue | 27 ++++++++++++++-------------
1 files changed, 14 insertions(+), 13 deletions(-)
diff --git a/src/pages/cameraAccess/index/VideoManage.vue b/src/pages/cameraAccess/index/VideoManage.vue
index d06377a..2cba6b9 100644
--- a/src/pages/cameraAccess/index/VideoManage.vue
+++ b/src/pages/cameraAccess/index/VideoManage.vue
@@ -1,6 +1,6 @@
<template>
<div class="s-video-manage">
- <el-tabs class="video-tab" v-model="activeName" type="border-card" @tab-click="handleClick">
+ <el-tabs class="video-tab" ref="topTab" v-model="activeName" type="border-card" @tab-click="handleClick">
<el-tab-pane
:label="firstLabeName"
name="camera-info"
@@ -123,7 +123,8 @@
})
},
deep: true
- }
+ },
+
},
created() {
if (this.TreeDataPool.treeActiveName == 'camera') {
@@ -247,13 +248,12 @@
.el-tabs--border-card {
height: 100%;
width: 100%;
- &.video-tab {
- & > .el-tabs__header {
- position: fixed;
- top: 0;
-
- width: 100%;
- z-index: 999;
+ &.video-tab{
+ &>.el-tabs__header{
+ //position: fixed;
+ //position: absolute;
+ //top:0;
+ //left: 0;
height: 54px;
overflow-y: hidden;
}
@@ -287,14 +287,15 @@
}
.video-tab > .el-tabs__content {
width: 100%;
- margin-top: 52px;
- //height: calc(100% - 52px);
+ //margin-top: 52px;
+ height: calc(100% - 78px);
box-sizing: border-box;
- padding: 13px 0;
+ overflow-y: auto;
+ padding: 0;
}
.el-tab-pane {
width: 100%;
- height: 100%;
+ //height: 100%;
}
}
</style>
--
Gitblit v1.8.0