Box 容器
示例，使用 <g-box> 组件。
iframe 模式
直接使用 <g-box iframe> 标签，并配置iframe信息。
基础用法
直接使用 <g-box> 标签。
type 类型
type 类型
primary,success,warning,danger,info，default，默认类型为default
直接使用 <g-box :type> 标签。
isGradient 是否显示背景渐变
type=default 不支持渐变
带口径
title 标题
直接使用 <g-box title> 标签，并配置title信息。
tooltip 提示
直接使用 <g-box> 标签，并配置tooltip信息。
API
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 内容块类型可选 primary, success, warning, danger, info, default | string | default |
| border | 是否显示边框 | boolean | false |
| title | title 信息 | string | — |
| tag | 是否显示title左侧的修饰 | boolean | false |
| fontSizeLevel | 标题大小等级 1-3 | number | 2 |
| arrow | title 信息 右箭头 | boolean | false |
| bg | 是否显示背景 | boolean | false |
| iframe | 是否以iframe展示 | string | — |
| params | 以json格式拼接到地址栏?params="{name:'g-box'}" | * | — |
| local | 是否local缓存 | boolean | false |
| auth | 鉴权 | string | — |
| aspect | 管理口径 | string | — |
| aspectPlacement | 管理口径的位置 left right | string | left |
| tooltip | 文本提示 | array | null |
slots API
| 插槽名称 | 说明 |
|---|---|
| left | title 后面left 显示的 HTML元素 |
| right | title 后面right 显示的 HTML元素 |
Events
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| arrow-click | 作用于右箭头上(arrow 为 true) | function | — |