📓组件介绍

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

具体属性含义见下方属性

📖属性

属性说明类型默认值
accessInfo系统认证信息,包含调用接口的token等字段AccessInfoDTO-
services接口集合,用于向一些组件注入后端接口,因为这些组件可能涉及ajax调用InjectedServices-
badgeInfo菜单组件需要展示的徽章信息PlainObject-
iconssvg图标名数组,用于SelectIconSvg组件校验图标string[]-
svgIconScriptUrliconfont图标库js链接string-
defaultAvatarAvatar组件的默认头像链接string-

其他属性/事件见ConfigProvider Props