手册界面增加目录索引

src/assets/styles/jquery.autoMenu.css

@@ -0,0 +1,148 @@
+@charset "utf-8";
+/*reset*/
+
+/* body,
+div,
+ul,
+p,
+h1,
+h2,
+h3,
+h4,
+ol,
+dl,
+dd,
+dt,
+form,
+input,
+textarea,
+select,
+strong,
+em {
+    padding: 0;
+    margin: 0;
+}
+
+* {
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box
+} */
+
+/* li {
+    list-style: none;
+} */
+
+/* a {
+    text-decoration: none;
+    font-size: 14px;
+}
+
+a:hover {
+    text-decoration: none;
+}
+
+a:focus {
+    outline: none;
+} */
+
+/*-------main---------*/
+
+#manualNavi {
+    position: fixed;
+    bottom: 10%;
+    right: 5%;
+    z-index: 1;
+    text-align: left;
+}
+
+#manualNavi ul {
+    line-height: 2;
+    overflow-y: auto;
+    background: #ffffffe0;
+    -webkit-box-shadow: 0 0 10px #CCC;
+    -moz-box-shadow: 0 0 10px #CCC;
+    box-shadow: 0 0 10px #CCC;
+}
+
+#manualNavi li {
+    list-style: none;
+}
+
+#manualNavi ul>li.sub {
+    padding-left: 20px;
+}
+
+#manualNavi ul>li.ssub {
+    padding-left: 40px;
+}
+
+/* #manualNavi ul>li>a {
+    color: #399c9c;
+} */
+
+#manualNavi ul>li.active>a {
+    color: #ff5370;
+}
+
+.btn-box {
+    display: inline-block;
+    width: 40px;
+    height: 40px;
+    text-decoration: none;
+    cursor: pointer;
+    position: relative;
+}
+
+.icon-plus-sign {
+    display: inline-block;
+    width: 26px;
+    height: 26px;
+    border-radius: 50%;
+    border: 4px solid #91ba61;
+    background: #91ba61;
+    position: absolute;
+    top: -415px;
+    left: 245px;
+}
+
+.icon-plus-sign:before,
+.icon-plus-sign:after {
+    content: '';
+    display: inline-block;
+    width: 4px;
+    height: 18px;
+    background: #fff;
+    border-radius: 1px;
+    position: absolute;
+    top: 0px;
+    left: 7px;
+}
+
+.icon-plus-sign:after {
+    -webkit-transform: rotate(90deg);
+}
+
+.icon-minus-sign {
+    display: inline-block;
+    width: 26px;
+    height: 26px;
+    border-radius: 50%;
+    border: 4px solid #ff5370;
+    background: #ff5370;
+    position: absolute;
+    top: -415px;
+    left: 245px;
+}
+
+.icon-minus-sign:before {
+    content: '';
+    display: inline-block;
+    width: 18px;
+    height: 4px;
+    background: #fff;
+    border-radius: 1px;
+    position: absolute;
+    top: 7px;
+    left: 0px;
+}