@jx3box/jx3box-editor 2.2.24 → 2.2.27

package/assets/css/module/directory.less

@@ -84,11 +84,10 @@
     margin-bottom: 5px;
     .c-article-directory-title-label {
         font-weight: 300;
-        font-size: 20px;
-        // cursor: pointer;
-        // &:hover {
-        //     color: #f39;
-        // }
+        font-size: 18px;
+        .u-icon{
+            font-size: 20px;
+        }
     }
     .c-article-directory-title-skip,.c-article-directory-title-folder{
         font-size: 14px;

package/assets/js/directory.js

@@ -22,29 +22,28 @@ function directory(from, to = '#directory') {
     // 存在目录
     if (directories.length > 1) {
         let __markTags = analystics(from);
-
+        // <span class="c-article-directory-title-skip" class="c-go-top">↑ 顶部</span>
         $box.html(
             `<div class="c-article-directory" id="c-article-directory">
                 <div class="c-article-directory-title" id="c-article-directory-title">
-                    <span class="c-article-directory-title-label" class="c-go-top"><i class="el-icon-s-promotion"></i> 导读</span>
-                    <span class="c-article-directory-title-skip" class="c-go-top">↑ 顶部</span>
-                    <span class="c-article-directory-title-folder" class="c-go-top">↕ 折叠</span>
+                    <span class="c-article-directory-title-label" class="c-go-top"><i class="u-icon el-icon-reading"></i> 导读</span>
+                    <span class="c-article-directory-title-folder" class="c-go-top"><i class="el-icon-d-caret"></i> 折叠</span>
                 </div>
                 <div class="c-article-directory-content" id="c-article-directory-content"></div>
             </div>`
         );
 
         const $directory = $("#c-article-directory-content");
-        const $skip = $(".c-article-directory-title-skip");
+        // const $skip = $(".c-article-directory-title-skip");
         const $folder = $(".c-article-directory-title-folder");
 
-        // 顶部按钮
         $folder.on("click", function() {
             $("#c-article-directory-content").slideToggle();
         });
-        $skip.on("click", function() {
-            $(document).scrollTop(0);
-        });
+        // 顶部按钮
+        // $skip.on("click", function() {
+        //     $(document).scrollTop(0);
+        // });
 
         // 遍历捕获的目录项
         directories.each(function(i, item) {

package/package.json

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

package/public/css/article.css

@@ -133,6 +133,7 @@
   word-wrap: break-word;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, "Microsoft YaHei", Trebuchet MS, Calibri, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, sans-serif;
   text-rendering: optimizelegibility;
+  scroll-behavior: smooth;
 }
 .c-article-tinymce * {
   max-width: 100%;
@@ -1270,6 +1271,18 @@
   padding: 0;
   margin: 0;
 }
+.c-article-tinymce:not(.c-article-editor) .w-skill-combo-item .u-skill-icon {
+  width: 48px;
+  height: 48px;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.c-article-tinymce:not(.c-article-editor) .w-skill-combo-item .u-skill-icon_small {
+  width: 42px;
+  height: 42px;
+}
 .c-article-tinymce:not(.c-article-editor) .w-skill-combo-item .u-gcd-icon {
   position: absolute;
   left: -4px;
@@ -1298,6 +1311,19 @@
   white-space: pre-wrap;
   text-align: center;
 }
+.c-article-tinymce:not(.c-article-editor) .w-skill-combo-item .u-skill-name_underline {
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
+.c-article-tinymce:not(.c-article-editor) .w-skill-combo-item .u-skill-note {
+  font-size: 12px;
+  line-height: 1;
+  width: 56px;
+  text-overflow: clip;
+  white-space: pre-wrap;
+  text-align: center;
+  margin-bottom: 5px;
+}
 .c-article-editor .e-skill-combo {
   font-size: 14px;
   width: 100%;
@@ -1387,6 +1413,9 @@
 }
 .c-article-directory-title .c-article-directory-title-label {
   font-weight: 300;
+  font-size: 18px;
+}
+.c-article-directory-title .c-article-directory-title-label .u-icon {
   font-size: 20px;
 }
 .c-article-directory-title .c-article-directory-title-skip,
@@ -1601,6 +1630,15 @@
   text-shadow: 1px 1px 1px #0f2222;
   line-height: 20px;
 }
+.w-skill .w-skill-switch-parse {
+  padding: 5px;
+  float: right;
+  color: #5df9eb;
+  transition: all 0.15s ease;
+}
+.w-skill .w-skill-switch-parse:hover {
+  color: #ff0;
+}
 .w-skill .w-skill-name {
   color: #ff0;
   display: block;
@@ -1612,6 +1650,15 @@
   margin-bottom: 10px;
   font-size: 12px;
   line-height: 20px;
+  white-space: pre-wrap;
+}
+.w-skill .w-skill-talent {
+  color: #04cfb4;
+  letter-spacing: 0.5px;
+  margin-bottom: 10px;
+  font-size: 12px;
+  line-height: 20px;
+  white-space: pre-wrap;
 }
 .w-skill .w-skill-meta {
   display: block;
@@ -1724,6 +1771,11 @@
 .c-item .c-item-wrapper .u-title {
   font-weight: normal;
 }
+.c-item .c-item-wrapper .u-label-icon {
+  transform: scale(1.1);
+  width: 14px;
+  vertical-align: text-bottom;
+}
 .c-item .c-item-wrapper .u-desc {
   padding-right: 0px;
 }
@@ -1731,6 +1783,11 @@
 .c-item .c-item-wrapper .u-desc {
   margin: 0;
 }
+.c-item .c-item-wrapper .u-spec-attribute.u-value::before {
+  content: "·";
+  font-weight: bold;
+  color: #ffa500;
+}
 .c-item .c-item-wrapper .u-orange {
   color: #ffa500;
 }