ui/开发规范.md

977 B

开发规范

  1. 主题(light, dark)

主题功能, 暂时由根样式定义来实现, 所以, 组件内的样式, 尽可能避免过多的私有配色。

  1. 组件几种配色样式, 暂时同大多数组件一致
  • type=primary 青色 (默认值)
  • type=secondary 暗色
  • type=info 蓝色
  • type=success 绿色
  • type=warning 橙色
  • type=danger 红色
  • type=help 灰色
  1. 尺寸, 主要指 高度

需要注意的是, 这里的高度, 仅为组件本身应该占的高度, 而非"可视内容"的真实高度, 比如 开头按钮, 实际上就可以不需要那么大。

  • size=s 小号, 20px
  • size=m 中号, 24px
  • size=l 大号, 32px (默认值)
  • size=xl 加大号, 36px
  • size=xxl 加加大号, 44px
  • size=xxxl 加加加加大号, 52px
  • size=xxxxl 特大号, 64px
  1. 自带点击事件的组件, 统一增加"节流/防抖"逻辑

统一为增加 lazy="1000" 属性实现

百搭WCUI组件库, 基于web components开发。面向下一代的UI组件库
JavaScript 98.9%
CSS 1.1%