Skip to content

Pure Ui

  • 轻量、简洁的 UI 组件库
  • 不给项目带来过多负担,以简洁的方式实现前端开发

样式

引入样式

App.vue 中引入 Pure Ui 的样式文件。

css
@import "@/uni_modules/pure-styles/index.css";

样式指南

  • Pure Ui 以简洁设计为原则,尽可能的少的设计组件默认样式
  • Pure Ui 中组件的默认样式值都设计了一个 css 变量 var(),这样设计是为了方便在使用组件的地方自定义组件的样式,如果该变量没有设置值,组件就会使用默认值

命名规则

组件中的样式变量名称以 --pure-{组件名称}-${样式属性名} 的形式命名,如:

  • --pure-icon-display
  • --pure-icon-font-size

辅助类

按钮

类名说明版本
pure-button-block块级按钮+1.0.0
pure-button-round圆角按钮+1.0.0
pure-button-square方形按钮+1.0.0
pure-button-plain朴素按钮+1.0.0

基于 MIT 许可发布