# 使用说明
// 按需引入需要在 app.scss 中引入对应样式 navBar.scss
import { ClNavBar } from "mp-colorui";
# 一般用法
# 参数说明
# NavBar 参数
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| bgColor | 背景色 | string | 参考文档 默认色 | white |
| title | 中间标题 | string | - | - |
| leftIcon | 左侧图标组 | leftIcon[] | 详情 | [] |
| rightIcon | 右侧图标组 | rightIcon[] | 详情 | [] |
# leftIcon
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| icon | 图标 | string | 参考文档 Icon-iconName | - |
| color | 图标颜色 | string | 参考文档 默认色-标准色 | - |
| text | 左侧文字 | string | - | - |
# rightIcon
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| icon | 图标 | string | 参考文档 Icon-iconName | - |
| color | 图标颜色 | string | 参考文档 默认色-标准色 | - |
# NavBar 事件
| 事件名称 | 说明 | 参数返回 |
|---|---|---|
| onClickLeftIcon | 点击左侧图标事件 | index |
| onClickRightIcon | 点击右侧图标事件 | index |
部分功能需扫码预览才能正常显示。
