From 45abc1d097c88e3d9d5b4a7a71a2257cab9dd3ba Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期四, 17 九月 2020 16:40:51 +0800
Subject: [PATCH] 可视化左侧树组件替换
---
src/pages/library/index/App.vue | 12 ++++++++----
1 files changed, 8 insertions(+), 4 deletions(-)
diff --git a/src/pages/library/index/App.vue b/src/pages/library/index/App.vue
index e7f7ab2..bb63ca9 100644
--- a/src/pages/library/index/App.vue
+++ b/src/pages/library/index/App.vue
@@ -1,6 +1,6 @@
<template>
<div class="s-base-manage">
- <div class="flex-box base-overflow" style="margin-top: 10px;height: calc(100% - 20px);">
+ <div class="flex-box base-overflow" >
<div class="pl20 data-left-box">
<base-list
ref="baseSync"
@@ -123,13 +123,14 @@
</script>
<style lang="scss" scoped>
.s-base-manage {
- width: 100% !important;
box-sizing: border-box;
- padding: 5px;
background-color: #e9ebf2;
+ min-width: 1315px;
+ height: 100%;
}
.base-overflow {
- overflow: visible !important;
+ height: 100%;
+ //overflow: visible !important;
background-color: #ffffff;
box-sizing: border-box;
// padding: 20px 10px 0 10px;
@@ -144,6 +145,7 @@
border-radius: 5px;
}
.data-left-box {
+ height: 100%;
@media screen and (max-width: 1440px) {
width: 23%;
}
@@ -157,6 +159,8 @@
border-right: 1px solid #e0e0e0;
}
.data-right-box {
+ height: calc(100% - 40px);
+ overflow-y: auto;
@media screen and (max-width: 1440px) {
width: 77%;
}
--
Gitblit v1.8.0