# 主题

dbmeta内置了一个简单的主题换肤,更换皮肤。

# 默认主题覆盖

针对开发,目前暂未提供皮肤扩展的方式。但是,前端仍然通过配置覆盖默认的主题呈现, 参见如下前端配置项:

export const dbMetaConf = {
    theme: { // 默认的主题设置。如果是下面的配置,可以不提供。需要覆盖什么,就提供什么(优先级低于用户自主配置的)
        layout: 'row',
        themeColor: 'light', // light/dark。下面颜色的属性会覆盖此light代表的属性配置
        header: {
            textColor: '#409EFF',
            backgroundColor: '#ffffff'
        },
        menu: {
            textColor: '#303133',
            activeTextColor: '#409EFF',
            backgroundColor: '#ffffff',
            uniqueOpened: false
        },
        tag: {
            show: true,
            textColor: '#ffffff',
            backgroundColor: '#409EFF',
            activeTextColor: '#ffffff',
            activeBackgroundColor: '#409EFF'
        }
    }
}

通过diy这个配置项,可以更改默认的主题呈现。

# 用户自定义配置

用户可以在自定义主题设置中自由DIY,支持的几个配置项。可以通过md.app.allow-custom-theme=true打开,默认是关闭的。 一般用处不大。 高级主题设置

# 关于开关

dbmeta允许你通过开关对主题设置进行一些控制,比如,不想暴露主题设置给用户,或者不想暴露高级主题设置给用户,服务端可以通过如下配置控制:

md:
  app:
    show-theme-setting: true # 显示主题设置入口, 设为false,则用户无法设置主题
    allow-custom-theme: false # 是否允许用户自由配置主题。用户界面上设置的主题只影响其本地。
Last Updated: 5/17/2022, 1:33:44 PM