@jx3box/jx3box-editor 3.0.4 → 3.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/src/Markdown.vue
CHANGED
|
@@ -17,6 +17,8 @@
|
|
|
17
17
|
letter-spacing: 0.2px;
|
|
18
18
|
line-height: 20px;
|
|
19
19
|
padding: 8px 0;
|
|
20
|
+
display: flex;
|
|
21
|
+
align-items: center;
|
|
20
22
|
&:hover {
|
|
21
23
|
// font-weight: 600;
|
|
22
24
|
color: @primary;
|
|
@@ -66,22 +68,24 @@
|
|
|
66
68
|
|
|
67
69
|
.c-article-directory-title {
|
|
68
70
|
margin-bottom: 5px;
|
|
69
|
-
display:flex;
|
|
71
|
+
display: flex;
|
|
70
72
|
justify-content: space-between;
|
|
71
73
|
.c-article-directory-title-label {
|
|
72
|
-
font-weight:
|
|
73
|
-
font-size:
|
|
74
|
+
font-weight: normal;
|
|
75
|
+
font-size: 16px;
|
|
74
76
|
line-height: 18px;
|
|
77
|
+
color: #333;
|
|
75
78
|
display: inline-flex;
|
|
76
79
|
align-items: center;
|
|
77
|
-
gap:
|
|
78
|
-
.u-icon{
|
|
80
|
+
gap: 3px;
|
|
81
|
+
.u-icon {
|
|
79
82
|
font-size: 18px;
|
|
80
83
|
}
|
|
81
84
|
}
|
|
82
85
|
.c-article-directory-title-skip,
|
|
83
86
|
.c-article-directory-title-folder {
|
|
84
|
-
font-size:
|
|
87
|
+
font-size: 13px;
|
|
88
|
+
font-weight: 500;
|
|
85
89
|
padding: 0 5px;
|
|
86
90
|
line-height: 18px;
|
|
87
91
|
color: darken(#dcdfe6, 5%);
|
|
@@ -110,13 +114,12 @@
|
|
|
110
114
|
animation: focusFade 0.5s ease-in-out;
|
|
111
115
|
}
|
|
112
116
|
|
|
113
|
-
|
|
114
|
-
.w-directory-anchor{
|
|
117
|
+
.w-directory-anchor {
|
|
115
118
|
.fz(16px);
|
|
116
119
|
.pointer;
|
|
117
120
|
// color:@color !important;
|
|
118
|
-
&:hover{
|
|
119
|
-
box-shadow:none !important;
|
|
120
|
-
color
|
|
121
|
+
&:hover {
|
|
122
|
+
box-shadow: none !important;
|
|
123
|
+
color: #c00 !important;
|
|
121
124
|
}
|
|
122
125
|
}
|
|
@@ -18,6 +18,7 @@ const ICON_CARET_SVG = `
|
|
|
18
18
|
<svg width="12px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-58697b5c=""><path fill="currentColor" d="m512 128 288 320H224zM224 576h576L512 896z"></path></svg>
|
|
19
19
|
`;
|
|
20
20
|
|
|
21
|
+
|
|
21
22
|
function getHeaderHeight() {
|
|
22
23
|
// 页面上可能没有这些元素，取存在的第一个：.c-header 优先，其次 .c-breadcrumb
|
|
23
24
|
const el = document.querySelector(".c-header") || document.querySelector(".c-breadcrumb");
|
|
@@ -48,8 +49,8 @@ function directory(from, to = '#directory') {
|
|
|
48
49
|
$box.html(
|
|
49
50
|
`<div class="c-article-directory" id="c-article-directory">
|
|
50
51
|
<div class="c-article-directory-title" id="c-article-directory-title">
|
|
51
|
-
<span class="c-article-directory-title-label" class="c-go-top"
|
|
52
|
-
<span class="c-article-directory-title-folder" class="c-go-top"
|
|
52
|
+
<span class="c-article-directory-title-label" class="c-go-top"><i class="u-icon el-icon-reading"></i> 导读</span>
|
|
53
|
+
<span class="c-article-directory-title-folder" class="c-go-top"><i class="el-icon-d-caret"></i> 折叠</span>
|
|
53
54
|
</div>
|
|
54
55
|
<div class="c-article-directory-content" id="c-article-directory-content"></div>
|
|
55
56
|
</div>`
|
package/src/pages/article.js
CHANGED
|
@@ -6,6 +6,7 @@ const app = createApp(ArticlePage);
|
|
|
6
6
|
import ElementPlus from "element-plus";
|
|
7
7
|
import "element-plus/dist/index.css";
|
|
8
8
|
import "@jx3box/jx3box-common/css/element-plus-theme.scss";
|
|
9
|
+
import "@jx3box/jx3box-common/css/element-fonticon.css";
|
|
9
10
|
app.use(ElementPlus);
|
|
10
11
|
|
|
11
12
|
import '@jx3box/jx3box-common/css/font.css';
|