暗色主题 ​

应用包：lc-zkcomponents 类型：基础部件

一、效果预览 ​

二、主题样式使用说明 ​

页面如需使用暗色主题组件：

• 需要去全局-> 编辑模型，在created里面，引用this.$css('/czdn/js/foa-dark.css')css样式表
  
• 选中需要配置的节点，在显示->高级选项：样式名，为其添加foa-dark样式名
  
• 预览查看生效样式

三、自定义配置样式说明 ​

未引入暗色主题自定义配置 ​

• 选中需要配置的节点，在显示->高级选项：样式名，为其添加自定义样式名
  
• 点击编辑样式表文件
  
• 示例：
  .test >>> .el-radio__inner {
  background-color: rgb(26, 129, 255) !important;
}
test:自定义样式名
  >>>:深度选择器
  el-radio__inner:需要更改样式的节点类名
  background-color:需要更改的样式名
  !important:当选中后没有覆盖的时候添加，为其增加权重
  
• 预览查看生效样式

引入深色主题自定义配置 ​

• 此时节点的显示->高级选项：样式名已经为foa-dark
  
• 如果不需要当前暗色主题样式覆盖，删除该样式名，按照上述 未引入深色主题自定义配置的说明进行自定义配置
• 如果需要当前暗色主题样式，需要在其基础上进行配置，除了按照上述 未引入深色主题自定义配置的说明进行自定义配置，仅需要将上述说明中的自定义样式名test改为当前foa-dark即可（这里只需要修改样式表文件中的名称）