# Layer 弹窗
弹窗层。
## 基础用法
基础的按钮用法。
:::demo 使用`f-icon`嵌入图标
````html
打开弹窗
````
:::
## 参数说明
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------- |---------- |------------- |-------- |
| title | 标题 | String | — | 标题 |
| id | 节点id | String | — | — |
| icon | 图标 | String | — | — |
| area.width | 弹窗宽度 | String | — | — |
| area.height | 弹窗高度 | String | — | — |
| btn.confirm | 按钮确定文本 | String | — | 确定 |
| btn.cancel | 按钮取消文本（默认不显示） | String | — | — |
| confirm | 确定回调事件 | String | — | — |
| cancel | 取消回调事件 | String | — | — |
## cancel($event)回调
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------- |---------- |------------- |-------- |
| type | 类型 | String | button/icon | — |
## 弹窗消息提示
layer.msg(content, options)
:::demo 使用`f-icon`嵌入图标
````html
打开提示
````
:::
## 参数说明
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------- |---------- |------------- |-------- |
| content | 提示信息 | String | — | — |
| type | 类型 | string | success \| warning \| error \| info | — |
| time | 时间 | Number | — | 2000 |
## 加载弹窗
layer.load(options?)
:::demo 使用`f-icon`嵌入图标
````html
打开加载
````
:::
## 参数说明
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------- |---------- |------------- |-------- |
| options.message | 类型 | string | — | — |
| options.time | 时间 | Number | — | — |