DescriptionPanel 简介面板
通常用于显示描述信息、简介的地方；更多用于手机上，空间有限，一开始可以显示少量内容。
引用
js
import { DescriptionPanel, regist, Button, ArrowDownIcon } from "litos-ui";
regist([DescriptionPanel, Button, ArrowDownIcon]);1
2
3
2
3
演示
基础用法
内容区域的所有的块级内容，会自动应用一个 text-indent。
折叠高度
可以通过 collapse-height 设置折叠后的高度
API
DescriptionPanel Attibutes
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
collapse-height | 容器折叠后的高度 | number | 100 |
DescriptionPanel Slots
| 名称 | 说明 |
|---|---|
default | 内容 |
DescriptionPanel Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| - | - | - |
DescriptionPanel Methods
| 方法名 | 说明 | 类型 |
|---|---|---|
| - | - | - |
DescriptionPanel CSS Variables
| 变量名 | 说明 | 默认值 |
|---|---|---|
--l-desc-panel-min-height | 容器折叠后的高度 | 100px |
--l-desc-panel-font-size | 字体大小 | 14px |
--l-desc-panel-textindent | 缩进 | calc(var(--l-desc-panel-font-size) * 2) |