chenmoranzhiandCursor
cf6cb68429
让选题填写与游玩投影读到一致的规格口径。 Co-authored-by: Cursor <cursoragent@cursor.com>
1.8 KiB
1.8 KiB
双文
intro
正文占满阅读宽度。短文和结构用标签或折叠，点开才看。选项始终直接可见。
layout
id: dual-text
主区: 正文
可加: 短文、结构、数据、抬头、文字选项
摆放:
抬头: 最上的一行短内容
正文: 占满宿主阅读面；行长可限在正文柱，按数百字来写
短文、结构: 标签或折叠，点开才看。标签用短显示名
数据: 若有，默认可收起
文字选项: 始终直接可见，不放进标签或折叠
未启用的区不留空位。
note
不替换：外壳铺满宿主宽度；正文是主阅读面。其余块收在标签或折叠里，默认不展开。选项在这些控件之外，直接可见。
可替换：标签和折叠的短名、收起块里的文字、配色和字体、正文柱行长上限。本局没有的块删掉。数据要一直展开时改用数据常驻。
sample
html:
<div id="app">
<p id="heading" data-block="heading"></p>
<article id="body" data-block="body"></article>
<details>
<summary id="vignette-title" data-block="vignette_title"></summary>
<div id="vignette" data-block="vignette"></div>
</details>
<ol id="options" data-block="options"></ol>
</div>
css:
:root { color: #1c1915; background: #f7f3ea; }
#app { width: 100%; box-sizing: border-box; margin: 0; padding: 1.25rem; font: 17px/1.75 "Palatino Linotype", "Songti SC", serif; }
#heading, #body, details, #options { max-width: 40rem; margin-inline: auto; }
#heading { margin: 0 0 0.8rem; font-size: 0.95rem; }
#vignette { font-size: 0.92rem; margin-top: 0.6rem; }
#options { margin: 0.8rem auto 0; padding-left: 1.2rem; }
summary { cursor: pointer; }
js:
present.onData(function () {
/* 文本区由程序按 data-block 灌数；折叠开合是浏览器原生行为 */
});