---
title: ConfigProvider 全局配置
description: 全局特性配置包含各个组件的文本语言配置及其他通用配置，可以减少重复的通用配置。。
isComponent: true
usage: false
spline: message
author: swimly
---

## 基本用法

通常使用`l-config-provider`来包裹业务功能最外层组件，这样便可全局更改子组件的所有配置信息。

{{ setting }}

## 全局组件前缀

LDesign 的组件前缀统一为`l`，在一些业务场景中，有需要改变组件前缀来满足业务的使用场景。 可以使用`esm`版本（保证您可以修改 less vars)，通过全局配置修改`classPrefix`，并配合 less-loader 修改`@prefix`这个 less vars 来保证组件样式的正常。

```
import Vue from 'vue'
import LDesign from '@ldesign/desktop/esm'
import '@ldesign/desktop/esm/style/index.js'

Vue.use(LDesign);

...

<l-config-provider :globalConfig="{ classPrefix: 'any'}">
    <l-button>LDesign to any design</l-button>
</l-config-provider>
```

```
{
    loaderOptions: {
        less: {
            lessOptions: {
                modifyVars: {
                    '@prefix': 'any', // 请注意需要与classPrefix保持一致
                },
                javascriptEnabled: true,
            },
        },
    }
}
```

## 组件示例

### Pagination 分页

{{ pagination }}

### Input 密码框

{{ input }}

### DatePicker 日期选择器

{{ date-picker }}

### Calendar 日历

{{ calendar }}

### Dialog 对话框

{{ dialog }}

### Popconfirm 气泡对话框

{{ popconfirm }}

### 其他组件

{{ other }}
