📓组件介绍
cl-config-provider
基于a-config-provider
进行了二次封装,提供了更多的全局配置项,用以驱动整个Cool UI更好地运转。
cl-config-provider
基于就近原则匹配,支持在整个Vue节点树中嵌套使用。
⌨️代码演示
基本使用
<cl-config-provider
:accessInfo="accessInfo"
svgIconScriptUrl="https://at.alicdn.com/t/font_2315902_0viez6ffofs.js"
:icons="icons"
:badgeInfo="badgeInfo"
:services="services"
defaultAvatar="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
:locale="zhCN"
>
<router-view />
</cl-config-provider>
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
具体属性含义见下方属性。
📖属性
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
accessInfo | 系统认证信息,包含调用接口的token等字段 | AccessInfoDTO | - |
services | 接口集合,用于向一些组件注入后端接口,因为这些组件可能涉及ajax调用 | InjectedServices | - |
badgeInfo | 菜单组件需要展示的徽章信息 | PlainObject | - |
icons | svg图标名数组,用于SelectIconSvg组件校验图标 | string[] | - |
svgIconScriptUrl | iconfont图标库js链接 | string | - |
defaultAvatar | Avatar组件的默认头像链接 | string | - |
其他属性/事件见ConfigProvider Props。