feat 完善注释
This commit is contained in:
@@ -7,13 +7,6 @@ interface Props {
|
||||
|
||||
const props = defineProps<Props>()
|
||||
|
||||
/**
|
||||
* 案例正文区块(设计稿:一段一张白卡,卡片标题带蓝色竖条)。
|
||||
*
|
||||
* <p>区块的**数量与标题都来自后端**(vm_project_case_catalog:title + content,
|
||||
* 按 sort_order 升序),前端不再写死「项目背景 / 客户痛点 / 需求描述 / 交付物」,
|
||||
* 后端增删目录即自动生效。空内容已在 utils/caseVo.ts#toSections 里过滤。</p>
|
||||
*/
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -26,7 +19,6 @@ const props = defineProps<Props>()
|
||||
<h3 v-if="section.title" class="case-rich__title">
|
||||
{{ section.title }}
|
||||
</h3>
|
||||
<!-- 后端下发富文本 HTML(可能内嵌 img / video),直接渲染 -->
|
||||
<div class="case-rich__html" v-html="section.content" />
|
||||
</section>
|
||||
</div>
|
||||
@@ -34,7 +26,6 @@ const props = defineProps<Props>()
|
||||
|
||||
<style lang="less" scoped>
|
||||
.case-rich {
|
||||
// 同 detail.vue:显式 stretch,避免正文块被压成内容宽
|
||||
.flex(column, flex-start, stretch);
|
||||
gap: @spacing-base;
|
||||
|
||||
@@ -70,8 +61,6 @@ const props = defineProps<Props>()
|
||||
|
||||
:deep(p) {
|
||||
margin-bottom: @spacing-sm;
|
||||
// 后端富文本常把「1、…2、…」分条内容放在同一个 <p> 里用 \r\n 分行,
|
||||
// 默认会被 HTML 折叠成一段,故保留换行(与旧纯文本分支的 pre-wrap 行为一致)
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user