# 主题、布局配置

# 安装、更新

yarn add cl-admin-theme

然后在 src/cool/index.js 引入:

import Theme from "cl-admin-theme";

export default {
	modules: [
		{
			name: "theme",
			value: Theme,
			options: {
				sourceUrl: "" // 主题资源地址
			}
		}
	]
};

主题资源默认放在 public 目录下,主题下载的时候会读取 /public/theme/[name].css 的主题样式。

自定义的话也会根据 sourceUrl 的路径来下载主题样式,即 [sourceUrl]/theme/[name].css

# 配置默认主题

查阅应用配置,传送门

# 主题列表

名称 说明 颜色值
blue 钴蓝(默认) #4165d7
black 极黑 #2f3447
green 果绿色 #51C21A
purple 酱紫色 #d0378d

# 组件

# cl-theme

# 参数

参数 说明 类型 可选值 默认值
list 主题列表,不传则默认 array
<cl-theme
	:list="[
		{
			label: '钴蓝',
			name: 'blue',
			color: '#4165d7'
		},
		{
			label: '极黑',
			name: 'black',
			color: '#2f3447'
		},
		{
			label: '果绿',
			name: 'green',
			color: '#51C21A'
		},
		{
			label: '酱紫',
			name: 'purple',
			color: '#d0378d'
		}
	]"
>
</cl-theme>

# 插槽

插槽名称 说明
default 追加配置内容区域