侧边栏可以加一个toggle的图标吗？

[weituotian]

想加一个展开，收缩的图标，请问怎么实现呢？太难了啊

[iPeng6]

左下角本来就有个收起的侧边栏的图标

[weituotian]

我是在目录层加了一个箭头

[iPeng6]

这个插件支持 文件夹收起展开，加图标要自己写样式

[zszdevelop]

我也遇到了这个问题，有样式范例吗？

[iPeng6]

试试看，样式实现的一个箭头展开收起

.sidebar-nav li {
  position: relative;
  margin: 0;
  cursor: pointer;
}

.sidebar-nav ul:not(.app-sub-sidebar) > li::before {
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: -12px;
  height: 6px;
  width: 6px;
  border-right: 1px solid #505d6b;
  border-bottom: 1px solid #505d6b;
  transform: rotate(-45deg);
  transition: transform 0.1s;
}

.sidebar-nav ul:not(.app-sub-sidebar) > li.open::before {
  transform: rotate(45deg);
}

.sidebar-nav ul:not(.app-sub-sidebar) > li.collapse::before {
  transform: rotate(-45deg);
}

[zszdevelop]

试试看，样式实现的一个箭头展开收起

.sidebar-nav li {
  position: relative;
  margin: 0;
  cursor: pointer;
}

.sidebar-nav ul:not(.app-sub-sidebar) > li::before {
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: -12px;
  height: 6px;
  width: 6px;
  border-right: 1px solid #505d6b;
  border-bottom: 1px solid #505d6b;
  transform: rotate(-45deg);
  transition: transform 0.1s;
}

.sidebar-nav ul:not(.app-sub-sidebar) > li.open::before {
  transform: rotate(45deg);
}

.sidebar-nav ul:not(.app-sub-sidebar) > li.collapse::before {
  transform: rotate(-45deg);
}

可行，赞！！！ 如果能加上没有子目录不显示箭头就好了

[iPeng6]

js更新到1.1.5版，样式参考 src/sidebar.css

.sidebar-nav li {
  position: relative;
  margin: 0;
  cursor: pointer;
}

.sidebar-nav ul:not(.app-sub-sidebar) > li:not(.file)::before {
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: -12px;
  height: 6px;
  width: 6px;
  border-right: 1px solid #505d6b;
  border-bottom: 1px solid #505d6b;
  transform: rotate(-45deg);
  transition: transform 0.1s;
}

.sidebar-nav ul:not(.app-sub-sidebar) > li.open::before {
  transform: rotate(45deg);
}

.sidebar-nav ul:not(.app-sub-sidebar) > li.collapse::before {
  transform: rotate(-45deg);
}

[zszdevelop]

完美解决，谢谢大佬

[zszdevelop]

本地运行没问题，部署到服务器就不行了。用nginx的vps。我的文档地址：http://java.isture.com/#/README

[iPeng6]

<!-- plugins -->
<script src="//unpkg.com/docsify-sidebar-collapse/dist/docsify-sidebar-collapse.min.js"></script>

 好像最后少了</script>结束标签引起的