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 |