用途:把多个设计方案以“轮次堆叠”的形式呈现。每轮选项为独立的 <section>,最新一轮置于最上方;每个选项拥有稳定编号 {轮次}{字母}(1a、1b、2a…),用户可在聊天中按编号引用,并在各轮之间交叉链接。
主要能力:宿主画布提供平移与缩放,宽于视口的方案可自由缩小查看。需在 <helmet> 中固定加入 <meta name="design_doc_mode" content="canvas">。
使用方式:在 <helmet> 内放入一个 <style> 块;root 下直接以 <section class="dv-turn"> 作为每轮,紧接 </helmet> 之后,不使用外层包裹。用户要求新一轮时,把新 section 插入到已有内容之上,最新工作位于顶部;不得重排、重新编号或删除早期轮次。轮次 id 为 t1、t2…,选项 id 为 1a、1b、2a…,且放在选项最外层元素(.dv-opt)上而非徽标上,这样 #1b 能滚动整个选项。编号永久稳定,不复用、不重编。每轮内选项在同一换行行内并排;不要自行实现平移/缩放。文件中所有编号引用(轮次标题、选项标签、.dv-next、正文)都用 <a class="dv-oid" href="#1b">1b</a> 链接,不写裸编号;聊天回复里直接写 1b。每轮结尾放一行 .dv-next,给出 2–3 条用户可直接粘贴到聊天区的自然语言后续指令。
限制:.dv-card 尺寸随内容设定(可显式指定宽度),不使用 height:100%;资料未提供具体收费、平台或效果信息。