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信息。
API
名称 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 内容块类型可选 primary , success , warning , danger , info , default | string | default |
border | 是否显示边框 | boolean | false |
title | title 信息 | string | — |
tag | 是否显示title左侧的修饰 | boolean | false |
arrow | title 信息 右箭头 | boolean | false |
bg | 是否显示背景 | boolean | false |
isGradient | 是否显示渐变 | boolean | false |
iframe | 是否以iframe展示 | string | — |
scrolling | 是否可以滚动 yes ,no ,auto | string | auto |
params | 以json格式拼接到地址栏?params="{name:'g-box'}" | * | — |
local | 是否local缓存 | boolean | false |
auth | 鉴权 | string | — |
slots API
插槽名称 | 说明 |
---|---|
left | 自定义内容 |
right | 自定义内容 |
事件
名称 | 说明 | 类型 | 默认值 |
---|---|---|---|
async-click | 作用于箭头上(arrow 为 true ) | function | — |