layui/example/docs/zh-CN/guide/theme.md

30 lines
615 B
Markdown
Raw Normal View History

::: title 定制主题
:::
::: describe 全局化配置设置内部组件的主题、语言和组件卸载于其他位置的 DOM 的类名。
:::
```vue
<template>
<lay-config-provider :themeVariable="themeVariable">
<App />
</lay-config-provider>
</template>
<script setup>
const themeVariable = {
2022-02-10 09:44:07 +08:00
"--global-primary-color":"red",
"--global-checked-color":"red"
}
</script>
2022-02-07 13:42:38 +08:00
```
::: describe 以下是一些最常用的通用变量,所有样式变量可以在 这里 找到。
:::
```
--global-primary-color: #009688;
--global-checked-color: #5fb878;
2022-02-10 09:44:07 +08:00
--global-border-radius: 2px;
```