数云 UI
定制主题
组件库支持自定义样式,使用的方法为样式变量,具体方法有两种如下:
方法一:
本方法使用 less
变量,你可以根据自身需要进行相应调整。例如:
// 文件路劲:theme/index.less
// 全局主色
@primary-color: #1890ff;
// 链接色
@link-color: #1890ff;
// 成功色
@success-color: #52c41a;
自定义变量之后我们只需要在 package.json
中添加执行脚本 npx kylin-tools --theme theme/index.less
; 然后在主题变更时执行即可;
方法二:
本方法使用 js
变量,__(请大家优先使用此方法) __ :
// .kylin-uirc.js
module.exports = {
// 主色调
'@primary-color': 'rgb(0, 99, 171)',
// 纯白
'@link-color': '#fff',
// 纯黑
'@success-color': '#000'
};
同样在 package.json
中添加执行脚本 npx kylin-tools --vars .kylin-uirc.js
; 然后在主题变更时执行即可;
代码提交信息格式要求
<type>(<scope>):<subject>
<BLANK LINE>
<body>
<BLANK LINE>
<footer>
格式说明:
type
:(required)代表提交类型;如修改一个 bug 或者是添加一个新的 feature。类型有以下几种:
- feat :新功能(feature)
- fix :修复 bug
- docs :仅修改了文档,如 README、CHANGLOG 等
- style :仅修改了空格、缩进、逗号、单双引号等,不修改代码逻辑
- refactor :代码重构,没有新增功能或者修改 bug
- perf :优化相关,比如提升性能、体验
- test :测试用例,单元测试、集成测试
- chore :改进构建流程或添加新依赖、工具等
- revert :回滚代码到上一次提交
scope
:(required)指定本次commit
影响范围;当修改影响范围过大时可以用*
.
subject
:(required)对此次修改的简短描述,不超过 50 个字符。
body
:对此次修改目的与动机的详细文字说明,可以分成多行。如:
- 具体增加了什么功能?
- 为什么要这样修改?
- 如何解决这个问题的?
- 是否存在副作用或其它风险?
footer
:Breaking Changes 即破坏性变动,比如不兼容修改。