DescriptionPanel 简介面板
通常用于显示描述信息、简介的地方;更多用于手机上,空间有限,一开始可以显示少量内容。
演示
基础用法
内容区域的所有的 p
标签的内容,会自动应用一个 text-indent
。
折叠高度
可以通过 collapse-height
设置折叠后的高度
API
DescriptionPanel Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
collapse-height | 容折叠后的高度 | number | 100 |
font-size | 字体大小 | string | 12px |
CSS Vars
属性 | 说明 | 默认值 |
---|---|---|
--nt-desc-panel-font-size | 字体大小 | 12px |
--nt-desc-panel-textindent | 内容缩进 | calc(var(--nt-desc-panel-font-size) * 2) |