# 主题
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 # 是否允许用户自由配置主题。用户界面上设置的主题只影响其本地。