From c534501542feeaa6711f78c6cd91661f04eb4bcf Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期四, 17 九月 2020 17:48:46 +0800
Subject: [PATCH] 修复可视化树的样式
---
src/pages/visual/index/App.vue | 169 ++------------------------------------------------------
1 files changed, 6 insertions(+), 163 deletions(-)
diff --git a/src/pages/visual/index/App.vue b/src/pages/visual/index/App.vue
index 51303f5..1ff4523 100644
--- a/src/pages/visual/index/App.vue
+++ b/src/pages/visual/index/App.vue
@@ -9,7 +9,7 @@
style="animation-duration: 0.7s;background: #051130;width:315px;float:left;height:100%"
>
<div class="tree-box" style="border: 2px solid #182c65;margin-top:7px">
- <left-nav appName="Camera" :height="screenHeight - 30"></left-nav>
+ <left-nav :height="screenHeight - 30"></left-nav>
</div>
</div>
@@ -20,7 +20,7 @@
<script>
//import LeftNav from "../components/LeftNav.vue";
-import LeftNav from "@/components/LeftNav.vue";
+import LeftNav from "../components/LeftNav.vue";
import TopNav from "../components/TopNav.vue";
import Home from "./home";
@@ -71,18 +71,18 @@
.tree-menu {
max-width: 270px !important;
}
-.box-card .s-card-right-double{
+.box-card .s-card-right-double {
background-color: transparent;
}
-.box-card .s-card-right-signal{
+.box-card .s-card-right-signal {
background-color: transparent;
}
.left-tree-box .el-menu-vertical-demo:hover {
overflow-y: visible;
overflow-x: hidden;
}
-.el-menu-vertical-demo::-webkit-scrollbar{
- background-color: transparent!important;
+.el-menu-vertical-demo::-webkit-scrollbar {
+ background-color: transparent !important;
}
.el-menu-vertical-demo::-webkit-scrollbar-thumb {
background-color: transparent !important;
@@ -216,162 +216,5 @@
color: #3d68e1;
cursor: pointer;
}
-}
-</style>
-<style lang="scss">
-.left-tree-box {
- width: 315px;
- margin-left: 5px;
-
- .el-menu {
- border-right: solid 0px #e6e6e6 !important;
- }
- ul {
- li {
- .el-menu-item-group__title {
- padding: none;
- }
- }
- .el-submenu__title,
- .el-menu-item {
- padding-left: 10px !important;
- color: #222222 !important;
- font-size: 17px !important;
- height: 35px;
- line-height: 35px;
- .el-submenu__icon-arrow {
- font-size: 12px !important;
- padding-right: 2px !important;
- }
- i {
- padding-right: 10px !important;
- font-size: 24px !important;
- color: #95b7ff !important;
- }
- }
- }
- .navTopSelect {
- .el-input__icon {
- line-height: 34px;
- }
- // padding: 24px 0px;
- padding-top: 24px;
- padding-bottom: 12px;
- input:nth-child(1) {
- height: 34px;
- box-shadow: 0 2px 11px -6px rgba(95, 95, 95, 0.5);
- }
- input:nth-child(2) {
- height: 34px;
- width: 103px;
- box-shadow: 0 2px 11px -6px rgba(95, 95, 95, 0.5);
- }
- }
-
- .el-input__inner {
- background: #0e2457;
- border: 1px solid #053e83;
- box-shadow: 0 2px 11px -6px rgba(95, 95, 95, 0.5);
- border-radius: 4px;
- color: #95b7ff;
- }
- .el-select .el-input .el-select__caret {
- color: #95b7ff;
- }
- input::-webkit-input-placeholder,
- textarea::-webkit-input-placeholder {
- /* WebKit browsers */
- color: #9fbcfc;
- }
- .isCollapse {
- font-size: 20px;
- padding: 0px 5px;
- }
- .el-menu-vertical-demo:not(.el-menu--collapse) {
- .fontFamily,
- .el-submenu__title .fontFamily,
- .el-submenu__title .fontFamily {
- padding-right: 20px;
- font-size: 22px;
- }
- }
- .tree-anchor .fontFamily {
- font-size: 16px !important;
- color: #2074ef;
- padding-right: 0px !important;
- }
- .el-submenu__title,
- .el-menu-item {
- text-align: left;
- }
-
- .item-group {
- margin-left: 33px;
- margin-top: -12px;
- }
-}
-.tree-close {
- width: 10%;
- margin-left: 10px;
- font-size: 20px;
- display: inline-block;
- color: #9ea0a0;
- vertical-align: middle;
- cursor: pointer;
-}
-
-.tree-edit {
- z-index: 1;
- font-size: 16px;
- position: absolute;
- top: 81px;
- cursor: pointer;
- button {
- border: 0px;
- color: #3d68e1;
-
- background-color: transparent;
- cursor: pointer;
- outline: none;
- }
- button:hover {
- color: rgb(82, 193, 245);
- }
-}
-.tree-lock {
- left: 76%;
- button {
- color: #000;
- }
-}
-
-.gb-lock {
- left: 76%;
- top: -27px;
- button {
- color: #000;
- }
-}
-.area-add {
- left: 35%;
-}
-.camera-add {
- left: 45%;
-}
-.tree-font {
- font-family: PingFangSC-Medium;
- font-size: 14px;
- color: #95b7ff;
-}
-
-.gb-refresh {
- top: -27px;
- left: 113px;
-}
-.atooltip.el-tooltip__popper[x-placement^="bottom"] .popper__arrow {
- border-bottom-color: #00000090;
-}
-.atooltip.el-tooltip__popper[x-placement^="bottom"] .popper__arrow:after {
- border-bottom-color: #68666690;
}
</style>
--
Gitblit v1.8.0