🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
> 第一步:创建模板css文件 示例:public/static/demo/css/theme/example/tpl.css ~~~ /* 主题模板头部样式 */ .theme-box li.example .t{ background: #ff0000; } /* 主题模板左部样式 */ .theme-box li.example .l{ background: #EEEEEE; } ~~~ 涉及位置: ![](https://img.kancloud.cn/62/ee/62ee0e577bc59b09e55d580f53c3c691_1920x903.png) 说明:可通过审查元素自定义主题模板待选项样式,注意css选择器.theme-box li.主题code .t > 第二步:创建主题css文件 示例:public/static/demo/css/theme/example/example.css > 第三步配置 打开配置文件:application/yunj/config/admin.php 添加如下配置: ~~~ /** * 自定义主题配置 * 示例: * 'theme'=>[ * // 主题唯一code * 'default'=>[ * // 主题标题 * 'title'=>'默认主题', * // 主题模板样式文件路径 * 'tpl_style_file'=>'/static/yunj/css/theme/default/tpl.css', * // 主题样式文件路径/static/ * 'style_file'=>'/static/yunj/css/theme/default/default.css', * ], * ], */ 'theme'=>[ 'example'=>[ 'title'=>'示例主题', 'tpl_style_file'=>'/static/demo/css/theme/example/tpl.css?v=1.0.0', 'style_file'=>'/static/demo/css/theme/example/example.css?v=1.0.0', ], ], ~~~