Compare commits
No commits in common. "e729ac1af2b4aed819be6f9dbb9679006812020c" and "c144830fd76ba06d6b9906cb47ac77e9a22f3832" have entirely different histories.
e729ac1af2
...
c144830fd7
5033
package-lock.json
generated
5033
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -30,11 +30,6 @@
|
||||
"unplugin-auto-import": "^0.12.1",
|
||||
"unplugin-vue-components": "^0.22.12"
|
||||
},
|
||||
"overrides": {
|
||||
"postcss": ">=8.4.31",
|
||||
"serialize-javascript": ">=7.0.5",
|
||||
"webpack-dev-server": ">=5.2.1"
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions",
|
||||
|
||||
@ -215,191 +215,6 @@ body .el-dialog {
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
/* ===== Markdown 预览 ===== */
|
||||
.article-preview-drawer {
|
||||
> .el-drawer__header {
|
||||
border-bottom: 1px solid var(--el-border-color-lighter);
|
||||
padding: 14px 20px;
|
||||
margin-bottom: 0;
|
||||
background: var(--el-fill-color-light);
|
||||
|
||||
.el-drawer__title {
|
||||
font-size: var(--el-font-size-base);
|
||||
font-weight: var(--el-font-weight-primary);
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
}
|
||||
|
||||
> .el-drawer__body {
|
||||
padding: 24px 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.markdown-body {
|
||||
font-size: 15px;
|
||||
line-height: 1.8;
|
||||
color: var(--el-text-color-primary);
|
||||
word-break: break-word;
|
||||
|
||||
// 首个元素去掉顶部外边距
|
||||
> :first-child { margin-top: 0 !important; }
|
||||
|
||||
// ── 标题 ───────────────────────────────────
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 600;
|
||||
line-height: 1.35;
|
||||
margin: 1.4em 0 0.6em;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
padding-bottom: 0.4em;
|
||||
border-bottom: 2px solid var(--el-border-color);
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.45em;
|
||||
padding-bottom: 0.3em;
|
||||
border-bottom: 1px solid var(--el-border-color-lighter);
|
||||
}
|
||||
h3 { font-size: 1.2em; }
|
||||
h4 { font-size: 1.05em; }
|
||||
h5 { font-size: 0.95em; }
|
||||
h6 {
|
||||
font-size: 0.9em;
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
|
||||
// ── 段落 ───────────────────────────────────
|
||||
p { margin: 0.85em 0; }
|
||||
|
||||
// ── 链接 ───────────────────────────────────
|
||||
a {
|
||||
color: var(--el-color-primary);
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid transparent;
|
||||
transition: border-color 0.2s, color 0.2s;
|
||||
&:hover {
|
||||
color: var(--el-color-primary-light-3);
|
||||
border-bottom-color: var(--el-color-primary-light-3);
|
||||
}
|
||||
}
|
||||
|
||||
// ── 强调 ───────────────────────────────────
|
||||
strong { font-weight: 600; }
|
||||
em { font-style: italic; }
|
||||
del { color: var(--el-text-color-secondary); text-decoration: line-through; }
|
||||
|
||||
// ── 内联代码 ───────────────────────────────
|
||||
:not(pre) > code {
|
||||
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
|
||||
font-size: 0.85em;
|
||||
padding: 0.18em 0.45em;
|
||||
border-radius: 4px;
|
||||
background: var(--el-fill-color-dark);
|
||||
color: var(--el-color-danger);
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
}
|
||||
|
||||
// ── 代码块（亮色：浅灰背景；暗色：深背景） ───
|
||||
pre {
|
||||
background: #f6f8fa;
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
border-radius: 8px;
|
||||
padding: 1em 1.2em;
|
||||
overflow-x: auto;
|
||||
margin: 1em 0;
|
||||
code {
|
||||
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
|
||||
font-size: 0.875em;
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
color: #24292f;
|
||||
line-height: 1.65;
|
||||
}
|
||||
}
|
||||
|
||||
// ── 引用块 ─────────────────────────────────
|
||||
blockquote {
|
||||
margin: 1em 0;
|
||||
padding: 0.6em 1.1em;
|
||||
border-left: 4px solid var(--el-color-primary-light-5);
|
||||
background: var(--el-color-primary-light-9);
|
||||
border-radius: 0 6px 6px 0;
|
||||
color: var(--el-text-color-secondary);
|
||||
> :first-child { margin-top: 0; }
|
||||
> :last-child { margin-bottom: 0; }
|
||||
}
|
||||
|
||||
// ── 列表 ───────────────────────────────────
|
||||
ul, ol {
|
||||
margin: 0.7em 0;
|
||||
padding-left: 1.8em;
|
||||
}
|
||||
li {
|
||||
margin: 0.3em 0;
|
||||
line-height: 1.75;
|
||||
> ul, > ol { margin: 0.2em 0; }
|
||||
}
|
||||
ul > li { list-style-type: disc; }
|
||||
ul > li > ul > li { list-style-type: circle; }
|
||||
ol > li { list-style-type: decimal; }
|
||||
|
||||
// ── 水平线 ─────────────────────────────────
|
||||
hr {
|
||||
border: none;
|
||||
border-top: 1px solid var(--el-border-color);
|
||||
margin: 1.6em 0;
|
||||
}
|
||||
|
||||
// ── 图片 ───────────────────────────────────
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border-radius: 6px;
|
||||
display: block;
|
||||
margin: 1em auto;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
// ── 表格 ───────────────────────────────────
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
margin: 1em 0;
|
||||
font-size: 0.9em;
|
||||
border: 1px solid var(--el-border-color);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
th, td {
|
||||
padding: 0.6em 1em;
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
th {
|
||||
background: var(--el-fill-color-light);
|
||||
font-weight: 600;
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
tr:nth-child(even) td { background: var(--el-fill-color-lighter); }
|
||||
tr:hover td { background: var(--el-color-primary-light-9); }
|
||||
}
|
||||
}
|
||||
|
||||
// 暗色模式：代码块使用深色背景
|
||||
html.dark .markdown-body {
|
||||
pre {
|
||||
background: #161b22;
|
||||
border-color: rgba(255, 255, 255, 0.08);
|
||||
code { color: #e6edf3; }
|
||||
}
|
||||
|
||||
img { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4); }
|
||||
}
|
||||
|
||||
/* ========================================== */
|
||||
|
||||
.el-tabs--card.nav-tabs {
|
||||
> .el-tabs__header {
|
||||
margin-bottom: 0;
|
||||
|
||||
@ -99,9 +99,8 @@
|
||||
v-model="markdownPreview.show"
|
||||
:title="markdownPreview.title"
|
||||
direction="rtl"
|
||||
size="50%"
|
||||
class="custom-drawer article-preview-drawer">
|
||||
<div class="markdown-body" v-html="markdownPreview.content"></div>
|
||||
class="custom-drawer">
|
||||
<div v-html="markdownPreview.content"></div>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -32,25 +32,9 @@ module.exports = defineConfig({
|
||||
// fork-ts-checker-webpack-plugin v6 与 TypeScript 5 不兼容（无法覆写只读的 performance.mark）
|
||||
// 类型检查改由 tsc --noEmit 承担
|
||||
config.plugins.delete('fork-ts-checker')
|
||||
|
||||
// Element Plus 按需导入时，不同路由 chunk 的 CSS 导入顺序不一致，
|
||||
// 但这不影响最终样式（specificity 规则优先），忽略该警告
|
||||
// extract-css 仅在生产构建时存在，dev 模式下跳过
|
||||
if (config.plugins.has('extract-css')) {
|
||||
config.plugin('extract-css').tap(args => {
|
||||
args[0].ignoreOrder = true
|
||||
return args
|
||||
})
|
||||
}
|
||||
},
|
||||
devServer: {
|
||||
port: 8080,
|
||||
client: {
|
||||
overlay: {
|
||||
// ResizeObserver loop 是浏览器规范允许的良性通知，不是真实错误，过滤掉避免干扰开发
|
||||
runtimeErrors: (err) => err?.message !== 'ResizeObserver loop completed with undelivered notifications.'
|
||||
}
|
||||
},
|
||||
proxy: {
|
||||
'^/api': {
|
||||
target: process.env.VUE_APP_PROXY_TARGET,
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user