BhtMenuSingle

文档版本:1.0.0

描述

单行菜单组件,用于横向展示一组菜单。

效果

BhtMenuSingle 效果图

示例

<bht-menu-single></bht-menu-single>

代码

<bht-menu-single :ref="item.id" :item="item"></bht-menu-single>

或者

<BhtMenuSingle :ref="item.id" :item="item"></BhtMenuSingle>

参数

参数类型必填默认值说明
itemObject-组件配置信息。

配置项

item.config.data 支持的常用字段如下:

key名称类型默认值说明
textStyle字体样式stringcolor: #000000请输入字体样式
bgStyle背景样式string-请输入背景样式
groupName分组名称query-请输入分组名称
page显示条数query10请输入显示条数
orderByColumn排序字段querycreateDatetime请输入排序字段
isAsc排序方式querydesc请输入排序方式(可选值:desc、asc)

引入

import { BhtMenuSingle } from '@behappyto/cms-ui-vue3'