开发文档 v2.x

主题配置文件

更新时间:2024年6月21日 13:31 浏览:319

文件位置:/YourThemeName/Config/Theme.php

命名空间:/Be/Theme/YourThemeName/Config/Theme

示例:

<?php
namespace Be\Theme\YourThemeName\Config;

/**
 * @BeConfig("您的主题名称")
 */
class Theme
{
    /**
     * @BeConfigItem("主色调", driver="FormItemColorPicker")
     */
    public string $majorColor = '#ff5c35';

    /**
     * @BeConfigItem("搭配颜色", driver="FormItemColorPicker")
     */
    public string $minorColor = '#213343';

    /**
     * @BeConfigItem("背景颜色", driver="FormItemColorPicker")
     */
    public string $backgroundColor = '#f6f9fc';

    /**
     * @BeConfigItem("字体大小", driver="FormItemInputNumberInt")
     */
    public int $fontSize = 16;

    /**
     * @BeConfigItem("字体颜色", driver="FormItemColorPicker")
     */
    public string $fontColor = '#2e475d';

    /**
     * @BeConfigItem("链接颜色", driver="FormItemColorPicker")
     */
    public string $linkColor = '#2e475d';

    /**
     * @BeConfigItem("链接悬停颜色", driver="FormItemColorPicker")
     */
    public string $linkHoverColor = '#ff5c35';

}

 

主题配置文件需包含以下配置项:

  • 主色调(majorColor):整站的色调攃配,CSS 变量名 --major-color 按钮(be-btn-major),色块(be-c-major) 等 均取此配置值
  • 搭配颜色(minorColor):用于搭配主色调,CSS 变量名 --minor-color  按钮(be-btn-minor),色块(be-c-minor) 等 均取此配置值
  • 背景颜色(backgroundColor ):页面默认背景色
  • 字体大小(fontSize ):html 根的文字大小,页面内使用 rem 控制的元素均以此配置项的值为基本单位
  • 字体颜色(fontColor ):默认字体颜色,CSS 变量名 --font-color

 

以上配置项为通用项,您可以跟据需要添加个性化的配置项。

 

 

 

 

 

导航