Skip to content

Box 容器

示例,使用 <g-box> 组件。

iframe 模式

直接使用 <g-box iframe> 标签,并配置iframe信息。

基础用法

直接使用 <g-box> 标签。

type 类型

type 类型 primary, success, warning, danger, infodefault,默认类型为 default

直接使用 <g-box :type> 标签。

isGradient 是否显示背景渐变

type = default 不支持渐变

title 标题

直接使用 <g-box title> 标签,并配置title信息。

API

名称说明类型默认值
type内容块类型可选 primary, success, warning, danger, info, defaultstringdefault
border是否显示边框booleanfalse
titletitle 信息string
tag是否显示title左侧的修饰booleanfalse
arrowtitle 信息 右箭头booleanfalse
bg是否显示背景booleanfalse
isGradient是否显示渐变booleanfalse
iframe是否以iframe展示string
scrolling是否可以滚动 yesnoautostringauto
params以json格式拼接到地址栏?params="{name:'g-box'}"*
local是否local缓存booleanfalse
auth鉴权string

slots API

插槽名称说明
left自定义内容
right自定义内容

事件

名称说明类型默认值
async-click作用于箭头上(arrow 为 true)function