左侧导航栏推拉效果

liuyg

2021-06-04 c37e7bbec4d1361b7e78e021114087ccea54b0eb

 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;
}