微博转发内容需结构化拆解为三层：转发者信息、转发语、被转发内容（含作者头像、昵称、正文、图片），后端返回明确字段，前端手动组装view/image/text实现样式控制与独立交互，并限制递归深度≤2，图片避免grid布局以防塌陷拉伸。
转发内容怎么结构化拆解，而不是套用 rich-text
直接把转发原文塞进 rich-text 渲染，看似省事，但实际会丢样式、不响应点击、iOS 上字体发虚，且无法对「原作者头像」「转发语」「原文链接」做独立交互。微博式转发结构本质是三层嵌套：转发者信息 + 转发语 + 被转发内容（含作者头像、昵称、正文、图片），必须拆成结构化数据。
后端应返回类似这样的字段：
{
"forwarded_by": {
"avatar": "https://...",
"nickname": "张三",
"verified": true
},
"forward_text": "这图太有感觉了！",
"original_post": {
"author": { "avatar": "...", "nickname": "李四" },
"content": "今天拍的晚霞。",
"images": ["https://..."]
}
}前端拿到后，用 view + image + text 手动组装，每一层都可加 class 控制间距、缩略图圆角、转发语斜体等。
- 转发语用
text包一层，设font-style: italic和浅灰颜色 - 被转发内容外层加
padding: 12rpx 0+border-top: 1px solid #eee做视觉区隔 - 原作者头像用
u-avatar或image+border-radius: 50%，别漏mode="aspectFill"
转发链超过一层时，怎么避免无限递归渲染卡死
真实场景中会出现 A 转发 B，B 是转发 C 的内容——即“转发的转发”。如果无限制递归，uni-app 会触发栈溢出或白屏。必须在组件内加深度控制。
递归组件里要显式传入当前层级 depth，并在 v-if 中拦截：
Weibo Distill 是一个面向社会科学研究的微博用户人格蒸馏与群体画像工具集。它从微博公开数据中自动提取人格信号，产出三个层级的产物：个体人格分析报告、可对话 Persona Skill（AI 虚拟角色）、群体画像统计报告。适用于社会学、传播学、心理学、市场营销研究者构建可交互的用户群体模型。
<template>
<view v-if="depth <= 2">
<!-- 渲染本层转发 -->
<forward-item :data="item" :depth="depth + 1" />
</view>
</template>-
depth初始为1，每进一层 +1，到3就停止渲染，改用文字提示“已转发至第 X 层” - 不要依赖
key仅靠id，必须包含depth，例如:key="item.id + '-' + depth"，否则 Vue diff 会错乱 - 服务端也应限制最大转发深度（如 ≤3），避免前端兜底压力过大
转发内容里的图片怎么排版才不塌、不拉伸、不闪烁
转发块里的图片和主帖一样，不能用 grid，尤其微信小程序基础库 v-for 直接循环 image，安卓低端机易白屏。
- 容器设
display: flex; flex-wrap: wrap; gap: 4rpx;（H5/新基础库可用，老版本用margin模拟） - 每张图外层用
view包裹，设flex: 0 0 calc(33.33% - 4rpx)，避免 margin 累加撑破行 -
image自身设width: 100%; height: 100%;，配合父view的padding-bottom: 100%控制正方形比例 - mode 统一用
"aspectFill"，服务端提供已裁剪好的封面图 URL，比前端硬裁更稳
真机测试时，低网速下图片加载慢会导致布局跳动——必须给外层 view 设固定宽高比，不能等图片 onload 后再计算尺寸。
转发语和原文之间怎么加分隔线又不破坏流式布局
常见错误是用 border-bottom 加在转发语下面，结果导致后续内容错位；或用空 view + height: 1px，但在 flex 容器里高度不可控。
正确做法是利用 flex 的 align-items 和边框定位：
- 整个转发块设
display: flex; flex-direction: column; - 转发语容器设
padding-bottom: 12rpx;，再加border-bottom: 1px solid #f0f0f0; - 被转发内容外层设
margin-top: 12rpx;，保证上下留白一致 - 避免用
margin-bottom配合border，容易在 iOS 上出现 0.5px 线条模糊问题
分隔线颜色建议用 #f0f0f0 而非 #eee，在深色模式下对比度更友好，且不会和背景融掉。
