`);
_push(ssrRenderComponent(_component_a_row, { gutter: [32, 0] }, {
default: withCtx((_, _push2, _parent2, _scopeId) => {
if (_push2) {
_push2(ssrRenderComponent(_component_a_col, {
xs: 24,
lg: 17
}, {
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
if (_push3) {
_push3(ssrRenderComponent(_component_a_breadcrumb, { class: "mb-6" }, {
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
if (_push4) {
_push4(ssrRenderComponent(_component_a_breadcrumb_item, null, {
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
if (_push5) {
_push5(ssrRenderComponent(_component_NuxtLink, { to: "/" }, {
default: withCtx((_5, _push6, _parent6, _scopeId5) => {
if (_push6) {
_push6(`首页`);
} else {
return [
createTextVNode("首页")
];
}
}),
_: 1
}, _parent5, _scopeId4));
} else {
return [
createVNode(_component_NuxtLink, { to: "/" }, {
default: withCtx(() => [
createTextVNode("首页")
]),
_: 1
})
];
}
}),
_: 1
}, _parent4, _scopeId3));
if (unref(article).categoryPath) {
_push4(ssrRenderComponent(_component_a_breadcrumb_item, null, {
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
if (_push5) {
_push5(ssrRenderComponent(_component_NuxtLink, {
to: unref(article).categoryPath
}, {
default: withCtx((_5, _push6, _parent6, _scopeId5) => {
if (_push6) {
_push6(`${ssrInterpolate(unref(article).categoryName)}`);
} else {
return [
createTextVNode(toDisplayString(unref(article).categoryName), 1)
];
}
}),
_: 1
}, _parent5, _scopeId4));
} else {
return [
createVNode(_component_NuxtLink, {
to: unref(article).categoryPath
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(unref(article).categoryName), 1)
]),
_: 1
}, 8, ["to"])
];
}
}),
_: 1
}, _parent4, _scopeId3));
} else {
_push4(``);
}
_push4(ssrRenderComponent(_component_a_breadcrumb_item, null, {
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
if (_push5) {
_push5(`${ssrInterpolate(unref(article).title || "文章详情")}`);
} else {
return [
createTextVNode(toDisplayString(unref(article).title || "文章详情"), 1)
];
}
}),
_: 1
}, _parent4, _scopeId3));
} else {
return [
createVNode(_component_a_breadcrumb_item, null, {
default: withCtx(() => [
createVNode(_component_NuxtLink, { to: "/" }, {
default: withCtx(() => [
createTextVNode("首页")
]),
_: 1
})
]),
_: 1
}),
unref(article).categoryPath ? (openBlock(), createBlock(_component_a_breadcrumb_item, { key: 0 }, {
default: withCtx(() => [
createVNode(_component_NuxtLink, {
to: unref(article).categoryPath
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(unref(article).categoryName), 1)
]),
_: 1
}, 8, ["to"])
]),
_: 1
})) : createCommentVNode("", true),
createVNode(_component_a_breadcrumb_item, null, {
default: withCtx(() => [
createTextVNode(toDisplayString(unref(article).title || "文章详情"), 1)
]),
_: 1
})
];
}
}),
_: 1
}, _parent3, _scopeId2));
if (unref(loading)) {
_push3(`
`);
_push3(ssrRenderComponent(_component_a_skeleton, {
active: "",
paragraph: { rows: 12 }
}, null, _parent3, _scopeId2));
_push3(`
`);
} else if (!unref(article).id) {
_push3(`
`);
_push3(ssrRenderComponent(_component_a_result, {
status: "404",
title: "文章不存在",
"sub-title": "您查找的文章不存在或已被删除"
}, {
extra: withCtx((_3, _push4, _parent4, _scopeId3) => {
if (_push4) {
_push4(ssrRenderComponent(_component_a_button, {
type: "primary",
onClick: ($event) => _ctx.$router.back()
}, {
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
if (_push5) {
_push5(`返回上一页`);
} else {
return [
createTextVNode("返回上一页")
];
}
}),
_: 1
}, _parent4, _scopeId3));
} else {
return [
createVNode(_component_a_button, {
type: "primary",
onClick: ($event) => _ctx.$router.back()
}, {
default: withCtx(() => [
createTextVNode("返回上一页")
]),
_: 1
}, 8, ["onClick"])
];
}
}),
_: 1
}, _parent3, _scopeId2));
_push3(`
`);
} else {
_push3(`
`);
if (unref(article).cover) {
_push3(``);
} else {
_push3(``);
}
_push3(``);
if (unref(article).categoryName) {
_push3(`
${ssrInterpolate(unref(article).categoryName)}
`);
} else {
_push3(``);
}
_push3(`
${ssrInterpolate(unref(article).title)}
`);
if (unref(article).source) {
_push3(`📰来源:${ssrInterpolate(unref(article).source)}`);
} else {
_push3(``);
}
if (unref(article).author) {
_push3(`✍️${ssrInterpolate(unref(article).author)}`);
} else {
_push3(``);
}
if (unref(article).publishTime) {
_push3(`🕐${ssrInterpolate(unref(article).publishTime)}`);
} else {
_push3(``);
}
if (unref(article).views) {
_push3(`👁${ssrInterpolate(unref(article).views)} 次阅读 `);
} else {
_push3(``);
}
_push3(`
`);
if (unref(article).summary) {
_push3(`摘要
${ssrInterpolate(unref(article).summary)}
`);
} else {
_push3(``);
}
_push3(`${unref(article).content ?? ""}
`);
if (unref(article).attachments && unref(article).attachments.length) {
_push3(``);
} else {
_push3(``);
}
if (unref(article).tags && unref(article).tags.length) {
_push3(`标签:`);
ssrRenderList(unref(article).tags, (tag) => {
_push3(ssrRenderComponent(_component_a_tag, {
key: tag,
color: "blue"
}, {
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
if (_push4) {
_push4(`${ssrInterpolate(tag)}`);
} else {
return [
createTextVNode(toDisplayString(tag), 1)
];
}
}),
_: 2
}, _parent3, _scopeId2));
});
_push3(`
`);
} else {
_push3(``);
}
_push3(`声明:本文内容仅代表作者本人观点,不代表本网站立场。如有侵权请联系我们删除。
`);
if (unref(prevArticle)) {
_push3(`
« 上一篇${ssrInterpolate(unref(prevArticle).title)}
`);
} else {
_push3(``);
}
if (unref(nextArticle)) {
_push3(`
${ssrInterpolate(unref(nextArticle).title)}下一篇 »
`);
} else {
_push3(``);
}
_push3(`
`);
}
} else {
return [
createVNode(_component_a_breadcrumb, { class: "mb-6" }, {
default: withCtx(() => [
createVNode(_component_a_breadcrumb_item, null, {
default: withCtx(() => [
createVNode(_component_NuxtLink, { to: "/" }, {
default: withCtx(() => [
createTextVNode("首页")
]),
_: 1
})
]),
_: 1
}),
unref(article).categoryPath ? (openBlock(), createBlock(_component_a_breadcrumb_item, { key: 0 }, {
default: withCtx(() => [
createVNode(_component_NuxtLink, {
to: unref(article).categoryPath
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(unref(article).categoryName), 1)
]),
_: 1
}, 8, ["to"])
]),
_: 1
})) : createCommentVNode("", true),
createVNode(_component_a_breadcrumb_item, null, {
default: withCtx(() => [
createTextVNode(toDisplayString(unref(article).title || "文章详情"), 1)
]),
_: 1
})
]),
_: 1
}),
unref(loading) ? (openBlock(), createBlock("div", {
key: 0,
class: "article-loading"
}, [
createVNode(_component_a_skeleton, {
active: "",
paragraph: { rows: 12 }
})
])) : !unref(article).id ? (openBlock(), createBlock("div", {
key: 1,
class: "article-empty"
}, [
createVNode(_component_a_result, {
status: "404",
title: "文章不存在",
"sub-title": "您查找的文章不存在或已被删除"
}, {
extra: withCtx(() => [
createVNode(_component_a_button, {
type: "primary",
onClick: ($event) => _ctx.$router.back()
}, {
default: withCtx(() => [
createTextVNode("返回上一页")
]),
_: 1
}, 8, ["onClick"])
]),
_: 1
})
])) : (openBlock(), createBlock("article", {
key: 2,
class: "article-container"
}, [
unref(article).cover ? (openBlock(), createBlock("div", {
key: 0,
class: "article-cover"
}, [
createVNode("img", {
src: unref(article).cover,
alt: unref(article).title
}, null, 8, ["src", "alt"])
])) : createCommentVNode("", true),
createVNode("div", { class: "article-header" }, [
unref(article).categoryName ? (openBlock(), createBlock("div", {
key: 0,
class: "article-category-tag"
}, toDisplayString(unref(article).categoryName), 1)) : createCommentVNode("", true),
createVNode("h1", { class: "article-title" }, toDisplayString(unref(article).title), 1),
createVNode("div", { class: "article-meta" }, [
unref(article).source ? (openBlock(), createBlock("span", {
key: 0,
class: "meta-item"
}, [
createVNode("span", { class: "meta-icon" }, "📰"),
createTextVNode("来源:" + toDisplayString(unref(article).source), 1)
])) : createCommentVNode("", true),
unref(article).author ? (openBlock(), createBlock("span", {
key: 1,
class: "meta-item"
}, [
createVNode("span", { class: "meta-icon" }, "✍️"),
createTextVNode(toDisplayString(unref(article).author), 1)
])) : createCommentVNode("", true),
unref(article).publishTime ? (openBlock(), createBlock("span", {
key: 2,
class: "meta-item"
}, [
createVNode("span", { class: "meta-icon" }, "🕐"),
createTextVNode(toDisplayString(unref(article).publishTime), 1)
])) : createCommentVNode("", true),
unref(article).views ? (openBlock(), createBlock("span", {
key: 3,
class: "meta-item"
}, [
createVNode("span", { class: "meta-icon" }, "👁"),
createTextVNode(toDisplayString(unref(article).views) + " 次阅读 ", 1)
])) : createCommentVNode("", true)
])
]),
unref(article).summary ? (openBlock(), createBlock("div", {
key: 1,
class: "article-summary"
}, [
createVNode("div", { class: "summary-label" }, "摘要"),
createVNode("p", null, toDisplayString(unref(article).summary), 1)
])) : createCommentVNode("", true),
createVNode("div", {
class: "article-body",
innerHTML: unref(article).content
}, null, 8, ["innerHTML"]),
unref(article).attachments && unref(article).attachments.length ? (openBlock(), createBlock("div", {
key: 2,
class: "article-attachments"
}, [
createVNode("div", { class: "attachments-title" }, "📎 相关附件"),
createVNode("div", { class: "attachments-list" }, [
(openBlock(true), createBlock(Fragment, null, renderList(unref(article).attachments, (file) => {
return openBlock(), createBlock("a", {
key: file.url,
href: file.url,
target: "_blank",
class: "attachment-item"
}, [
createVNode("span", { class: "attachment-icon" }, "📄"),
createVNode("span", { class: "attachment-name" }, toDisplayString(file.name), 1),
createVNode("span", { class: "attachment-size" }, toDisplayString(file.size), 1)
], 8, ["href"]);
}), 128))
])
])) : createCommentVNode("", true),
unref(article).tags && unref(article).tags.length ? (openBlock(), createBlock("div", {
key: 3,
class: "article-tags"
}, [
createVNode("span", { class: "tags-label" }, "标签:"),
(openBlock(true), createBlock(Fragment, null, renderList(unref(article).tags, (tag) => {
return openBlock(), createBlock(_component_a_tag, {
key: tag,
color: "blue"
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(tag), 1)
]),
_: 2
}, 1024);
}), 128))
])) : createCommentVNode("", true),
createVNode("div", { class: "article-disclaimer" }, [
createVNode("p", null, "声明:本文内容仅代表作者本人观点,不代表本网站立场。如有侵权请联系我们删除。")
]),
createVNode("div", { class: "article-nav" }, [
unref(prevArticle) ? (openBlock(), createBlock("div", {
key: 0,
class: "nav-prev",
onClick: ($event) => goArticle(unref(prevArticle))
}, [
createVNode("span", { class: "nav-dir" }, "« 上一篇"),
createVNode("span", { class: "nav-title" }, toDisplayString(unref(prevArticle).title), 1)
], 8, ["onClick"])) : createCommentVNode("", true),
unref(nextArticle) ? (openBlock(), createBlock("div", {
key: 1,
class: "nav-next",
onClick: ($event) => goArticle(unref(nextArticle))
}, [
createVNode("span", { class: "nav-title" }, toDisplayString(unref(nextArticle).title), 1),
createVNode("span", { class: "nav-dir" }, "下一篇 »")
], 8, ["onClick"])) : createCommentVNode("", true)
])
]))
];
}
}),
_: 1
}, _parent2, _scopeId));
_push2(ssrRenderComponent(_component_a_col, {
xs: 0,
lg: 7,
class: "hidden lg:block"
}, {
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
if (_push3) {
_push3(``);
} else {
return [
createVNode("div", { class: "sidebar" }, [
createVNode("div", { class: "sidebar-card" }, [
createVNode("div", { class: "sidebar-title" }, "相关文章"),
createVNode("div", { class: "related-list" }, [
(openBlock(true), createBlock(Fragment, null, renderList(unref(relatedArticles), (item) => {
return openBlock(), createBlock("div", {
key: item.id,
class: "related-item",
onClick: ($event) => goArticle(item)
}, [
createVNode("span", { class: "related-dot" }, "›"),
createVNode("span", { class: "related-title" }, toDisplayString(item.title), 1)
], 8, ["onClick"]);
}), 128)),
!unref(relatedArticles).length ? (openBlock(), createBlock("div", {
key: 0,
class: "related-empty"
}, "暂无相关文章")) : createCommentVNode("", true)
])
]),
createVNode("div", { class: "sidebar-card mt-6" }, [
createVNode("div", { class: "sidebar-title" }, "热门推荐"),
createVNode("div", { class: "related-list" }, [
(openBlock(true), createBlock(Fragment, null, renderList(unref(hotArticles), (item) => {
return openBlock(), createBlock("div", {
key: item.id,
class: "related-item hot-item",
onClick: ($event) => goArticle(item)
}, [
createVNode("span", { class: "hot-rank" }, toDisplayString(item.rank), 1),
createVNode("span", { class: "related-title" }, toDisplayString(item.title), 1)
], 8, ["onClick"]);
}), 128))
])
])
])
];
}
}),
_: 1
}, _parent2, _scopeId));
} else {
return [
createVNode(_component_a_col, {
xs: 24,
lg: 17
}, {
default: withCtx(() => [
createVNode(_component_a_breadcrumb, { class: "mb-6" }, {
default: withCtx(() => [
createVNode(_component_a_breadcrumb_item, null, {
default: withCtx(() => [
createVNode(_component_NuxtLink, { to: "/" }, {
default: withCtx(() => [
createTextVNode("首页")
]),
_: 1
})
]),
_: 1
}),
unref(article).categoryPath ? (openBlock(), createBlock(_component_a_breadcrumb_item, { key: 0 }, {
default: withCtx(() => [
createVNode(_component_NuxtLink, {
to: unref(article).categoryPath
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(unref(article).categoryName), 1)
]),
_: 1
}, 8, ["to"])
]),
_: 1
})) : createCommentVNode("", true),
createVNode(_component_a_breadcrumb_item, null, {
default: withCtx(() => [
createTextVNode(toDisplayString(unref(article).title || "文章详情"), 1)
]),
_: 1
})
]),
_: 1
}),
unref(loading) ? (openBlock(), createBlock("div", {
key: 0,
class: "article-loading"
}, [
createVNode(_component_a_skeleton, {
active: "",
paragraph: { rows: 12 }
})
])) : !unref(article).id ? (openBlock(), createBlock("div", {
key: 1,
class: "article-empty"
}, [
createVNode(_component_a_result, {
status: "404",
title: "文章不存在",
"sub-title": "您查找的文章不存在或已被删除"
}, {
extra: withCtx(() => [
createVNode(_component_a_button, {
type: "primary",
onClick: ($event) => _ctx.$router.back()
}, {
default: withCtx(() => [
createTextVNode("返回上一页")
]),
_: 1
}, 8, ["onClick"])
]),
_: 1
})
])) : (openBlock(), createBlock("article", {
key: 2,
class: "article-container"
}, [
unref(article).cover ? (openBlock(), createBlock("div", {
key: 0,
class: "article-cover"
}, [
createVNode("img", {
src: unref(article).cover,
alt: unref(article).title
}, null, 8, ["src", "alt"])
])) : createCommentVNode("", true),
createVNode("div", { class: "article-header" }, [
unref(article).categoryName ? (openBlock(), createBlock("div", {
key: 0,
class: "article-category-tag"
}, toDisplayString(unref(article).categoryName), 1)) : createCommentVNode("", true),
createVNode("h1", { class: "article-title" }, toDisplayString(unref(article).title), 1),
createVNode("div", { class: "article-meta" }, [
unref(article).source ? (openBlock(), createBlock("span", {
key: 0,
class: "meta-item"
}, [
createVNode("span", { class: "meta-icon" }, "📰"),
createTextVNode("来源:" + toDisplayString(unref(article).source), 1)
])) : createCommentVNode("", true),
unref(article).author ? (openBlock(), createBlock("span", {
key: 1,
class: "meta-item"
}, [
createVNode("span", { class: "meta-icon" }, "✍️"),
createTextVNode(toDisplayString(unref(article).author), 1)
])) : createCommentVNode("", true),
unref(article).publishTime ? (openBlock(), createBlock("span", {
key: 2,
class: "meta-item"
}, [
createVNode("span", { class: "meta-icon" }, "🕐"),
createTextVNode(toDisplayString(unref(article).publishTime), 1)
])) : createCommentVNode("", true),
unref(article).views ? (openBlock(), createBlock("span", {
key: 3,
class: "meta-item"
}, [
createVNode("span", { class: "meta-icon" }, "👁"),
createTextVNode(toDisplayString(unref(article).views) + " 次阅读 ", 1)
])) : createCommentVNode("", true)
])
]),
unref(article).summary ? (openBlock(), createBlock("div", {
key: 1,
class: "article-summary"
}, [
createVNode("div", { class: "summary-label" }, "摘要"),
createVNode("p", null, toDisplayString(unref(article).summary), 1)
])) : createCommentVNode("", true),
createVNode("div", {
class: "article-body",
innerHTML: unref(article).content
}, null, 8, ["innerHTML"]),
unref(article).attachments && unref(article).attachments.length ? (openBlock(), createBlock("div", {
key: 2,
class: "article-attachments"
}, [
createVNode("div", { class: "attachments-title" }, "📎 相关附件"),
createVNode("div", { class: "attachments-list" }, [
(openBlock(true), createBlock(Fragment, null, renderList(unref(article).attachments, (file) => {
return openBlock(), createBlock("a", {
key: file.url,
href: file.url,
target: "_blank",
class: "attachment-item"
}, [
createVNode("span", { class: "attachment-icon" }, "📄"),
createVNode("span", { class: "attachment-name" }, toDisplayString(file.name), 1),
createVNode("span", { class: "attachment-size" }, toDisplayString(file.size), 1)
], 8, ["href"]);
}), 128))
])
])) : createCommentVNode("", true),
unref(article).tags && unref(article).tags.length ? (openBlock(), createBlock("div", {
key: 3,
class: "article-tags"
}, [
createVNode("span", { class: "tags-label" }, "标签:"),
(openBlock(true), createBlock(Fragment, null, renderList(unref(article).tags, (tag) => {
return openBlock(), createBlock(_component_a_tag, {
key: tag,
color: "blue"
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(tag), 1)
]),
_: 2
}, 1024);
}), 128))
])) : createCommentVNode("", true),
createVNode("div", { class: "article-disclaimer" }, [
createVNode("p", null, "声明:本文内容仅代表作者本人观点,不代表本网站立场。如有侵权请联系我们删除。")
]),
createVNode("div", { class: "article-nav" }, [
unref(prevArticle) ? (openBlock(), createBlock("div", {
key: 0,
class: "nav-prev",
onClick: ($event) => goArticle(unref(prevArticle))
}, [
createVNode("span", { class: "nav-dir" }, "« 上一篇"),
createVNode("span", { class: "nav-title" }, toDisplayString(unref(prevArticle).title), 1)
], 8, ["onClick"])) : createCommentVNode("", true),
unref(nextArticle) ? (openBlock(), createBlock("div", {
key: 1,
class: "nav-next",
onClick: ($event) => goArticle(unref(nextArticle))
}, [
createVNode("span", { class: "nav-title" }, toDisplayString(unref(nextArticle).title), 1),
createVNode("span", { class: "nav-dir" }, "下一篇 »")
], 8, ["onClick"])) : createCommentVNode("", true)
])
]))
]),
_: 1
}),
createVNode(_component_a_col, {
xs: 0,
lg: 7,
class: "hidden lg:block"
}, {
default: withCtx(() => [
createVNode("div", { class: "sidebar" }, [
createVNode("div", { class: "sidebar-card" }, [
createVNode("div", { class: "sidebar-title" }, "相关文章"),
createVNode("div", { class: "related-list" }, [
(openBlock(true), createBlock(Fragment, null, renderList(unref(relatedArticles), (item) => {
return openBlock(), createBlock("div", {
key: item.id,
class: "related-item",
onClick: ($event) => goArticle(item)
}, [
createVNode("span", { class: "related-dot" }, "›"),
createVNode("span", { class: "related-title" }, toDisplayString(item.title), 1)
], 8, ["onClick"]);
}), 128)),
!unref(relatedArticles).length ? (openBlock(), createBlock("div", {
key: 0,
class: "related-empty"
}, "暂无相关文章")) : createCommentVNode("", true)
])
]),
createVNode("div", { class: "sidebar-card mt-6" }, [
createVNode("div", { class: "sidebar-title" }, "热门推荐"),
createVNode("div", { class: "related-list" }, [
(openBlock(true), createBlock(Fragment, null, renderList(unref(hotArticles), (item) => {
return openBlock(), createBlock("div", {
key: item.id,
class: "related-item hot-item",
onClick: ($event) => goArticle(item)
}, [
createVNode("span", { class: "hot-rank" }, toDisplayString(item.rank), 1),
createVNode("span", { class: "related-title" }, toDisplayString(item.title), 1)
], 8, ["onClick"]);
}), 128))
])
])
])
]),
_: 1
})
];
}
}),
_: 1
}, _parent));
_push(`