From c37e7bbec4d1361b7e78e021114087ccea54b0eb Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 04 Jun 2021 14:48:11 +0800
Subject: [PATCH] 左侧导航栏推拉效果
---
widgets/LeftNavigationBar/css/style.css | 43 ++++++++++++++++++++++++++++++++++++++++---
1 files changed, 40 insertions(+), 3 deletions(-)
diff --git a/widgets/LeftNavigationBar/css/style.css b/widgets/LeftNavigationBar/css/style.css
index 16a17a8..6fa32b7 100644
--- a/widgets/LeftNavigationBar/css/style.css
+++ b/widgets/LeftNavigationBar/css/style.css
@@ -6,7 +6,8 @@
width: 250px !important;
right: auto !important;
bottom: auto !important;
- left: 0 !important;
+ /* left: -250px !important; */
+ left: 0;
top: 0 !important;
/* 240px */
background: rgba(255, 255, 255, 1);
@@ -22,6 +23,7 @@
align-items: center;
justify-content: center; */
box-shadow: 5px 5px 13px -10px rgba(0, 0, 0, .5);
+ transition: all 0.5s;
}
.jimu-widget-LeftNavigationBar .left-navigation-bar-but {
@@ -104,9 +106,44 @@
color: #000;
font-size: 14px;
}
-.jimu-widget-LeftNavigationBar .left-navigation-bar-main .layui-tree-entry{
+
+.jimu-widget-LeftNavigationBar .left-navigation-bar-main #test1 {
+ height: calc(100% - 58px);
+ overflow: auto;
+}
+
+.jimu-widget-LeftNavigationBar .left-navigation-bar-main .layui-tree-entry {
height: auto !important;
}
-.layui-tree-iconArrow:after{
+
+.layui-tree-iconArrow:after {
+ /* border-color: #c0c4cc transparent transparent transparent !important; */
+ /* border-color: attr(data-attr) !important; */
+}
+
+/* #11 .layui-tree-iconArrow:after{
border-color: #c0c4cc transparent transparent transparent !important;
+} */
+
+/* .downsAfter {
+ border-color: #c0c4cc transparent transparent transparent !important;
+}
+.rightsAfter {
+ border-color: #c0c4cc transparent transparent transparent !important;
+} */
+
+.left-navigation-bar-main-down:after {
+ content: "";
+ position: absolute;
+ left: 4px;
+ top: 3px;
+ z-index: 100;
+ width: 0;
+ height: 0;
+ border-width: 5px;
+ border-style: solid;
+ border-color: transparent transparent transparent #c0c4cc;
+ /* border-color: #c0c4cc transparent transparent transparent; */
+ transform: rotate(90deg);
+ transition: .5s;
}
\ No newline at end of file
--
Gitblit v1.9.3