使用说明

// 按需引入需要在 app.scss 中引入对应样式 shopBar.scss
import { ClShopBar } from "mp-colorui";

一般用法

参数说明

ShopBar 参数

参数	说明	类型	可选值	默认值
bgColor	背景色	string	参考文档 默认色	white
fix	是否固定在底部	boolean	true,false	false
border	是否显示分割线	boolean	true,false	false
tabs	每一项 tab	tabs[]	详情	[]
buttons	右侧按钮组	buttons[]	详情	[]
safeArea	手机下方安全区域	boolean	-	true

tabs

参数	说明	类型	可选值	默认值
badge	角标	boolean/Number	-	true
icon	图标	string	参考文档 Icon-iconName	-
img	图片地址	string	-	-
title	标题	string	-	-
moreAction	更多操作，可传入 ClButton 的任何属性	button	参考文档 Button	{}

buttons

参数	说明	类型	可选值	默认值
text	按钮文字	string	-	-
bgColor	按钮颜色	string	参考文档 默认色	-

ShopBar 事件

事件名称	说明	参数返回
onClickTab	每个 tab 点击事件	index，参数 index 为每一项的下标
onClickButton	每个按钮的点击事件	index，参数 index 为每一项的下标

部分功能需扫码预览才能正常显示。

H5及小程序二维码