@shuyun-ep-team/kylin-ui
TypeScript icon, indicating that this package has built-in type declarations

0.3.12 • Public • Published

数云 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 即破坏性变动,比如不兼容修改。

Package Sidebar

Install

npm i @shuyun-ep-team/kylin-ui

Weekly Downloads

3

Version

0.3.12

License

ISC

Unpacked Size

9.86 MB

Total Files

1031

Last publish

Collaborators

  • jialong.ye
  • yong.tao
  • wangxinzhuo
  • linweixian
  • markzhang
  • kezhongfa
  • yiranphp
  • bhxing