@jx3box/jx3box-editor 1.7.6 → 1.7.7

package/assets/css/module/directory.less

@@ -118,3 +118,13 @@
 .c-article .isScrollFocus {
     animation: focusFade 0.5s ease-in-out;
 }
+
+.w-directory-anchor{
+    .fz(16px);
+    .pointer;
+    color:@color !important;
+    &:hover{
+        box-shadow:none !important;
+        color:#c00 !important;
+    }
+}

package/assets/js/directory.js

@@ -9,6 +9,7 @@ const count = {
 };
 const MAX_DEPTH = 3;
 const PREFIX_CLS = "lv"; //class前缀
+const HEADER_HEIGHT = 112; //头部高度
 
 function directory(from, to = '#directory') {
     // 装载容器设置
@@ -50,7 +51,7 @@ function directory(from, to = '#directory') {
             // 进行克隆
             let _item = $(item).clone();
             // 解决懒加载跳转位置问题
-            $(item).append(`<a id="directory-${i}"></a>`);
+            $(item).prepend(`<a id="directory-${i}" class="el-icon-s-flag w-directory-anchor"></a>`);
 
             // 过滤行内样式
             _item.removeAttr("style");
@@ -80,7 +81,7 @@ function directory(from, to = '#directory') {
             let target = $(this)
                 .data("raw")
                 .offset().top;
-            $(document).scrollTop(target - 112);
+            $(document).scrollTop(target - HEADER_HEIGHT);
             $(this)
                 .data("raw")
                 .addClass("isScrollFocus");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jx3box/jx3box-editor",
-  "version": "1.7.6",
+  "version": "1.7.7",
   "description": "JX3BOX Article & Editor",
   "main": "index.js",
   "scripts": {

package/src/Article.vue

@@ -62,6 +62,9 @@
 </template>
 
 <script>
+import $ from "jquery";
+const HEADER_HEIGHT = 112; //头部高度
+
 import { Pagination, Button, Popover } from "element-ui";
 import "@jx3box/jx3box-common/css/element.css";
 
@@ -224,6 +227,12 @@ export default {
             }
             let dir = renderDirectory(target, this.directorybox);
             this.$emit("directoryRendered",dir);
+
+            $('.w-directory-anchor').on('click', function(){
+                let id = $(this).attr('id')
+                let target = $(`#${id}`).offset().top;
+                $(document).scrollTop(target - HEADER_HEIGHT);
+            })
         },
         changePage: function (i) {
             this.page = i;