重要、重要、重要

寻找伙伴

寻找文采好的伙伴，整理或重写一遍文档，当前文档是随开发随写的，再加上我自己的文笔实在不行，导致文档写的有点烂，故寻找伙伴一起整理一遍文档。

介绍

Pure Ui 是一个基于 Uni-app 的 UI 组件库，它提供了一套 UI 组件，用于快速开发 App 应用。

市面上已经有很多成熟的组件库，但是作者一直感觉用这不是很顺手，故，在日常开发项目中，遇到通用组件，就封装到 Pure Ui 中，方便使用。

该组件库只是作者为了在开发项目中方便使用，如果你觉得还可以，欢迎使用，如果您有什么意见建议，欢迎加群交流。

该项目难免会有一些问题BUG，欢迎提 issue 或 PR，还望您多谢包容，嘴下留情。

沟通群

起步

引入样式

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

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

使用组件

• 在插件市场引入对应的组件到自己的项目.
• 在页面中使用组件.

<template>
  <!-- 示例 -->
  <pure-button text="按钮"></pure-button>
</template>

全局配置

样式变量

• 通过在 App.vue 中修改样式变量来修改组件的全局默认样式。

变量名	说明	默认值	版本
--pure-theme-primary	主题色(主要)	#1989fa	+1.0.0
--pure-theme-success	主题色(成功)	#07c160	+1.0.0
--pure-theme-danger	主题色(危险)	#ee0a24	+1.0.0
--pure-theme-warning	主题色(警告)	#ff976a	+1.0.0
--pure-theme-info	主题色(信息)	#909399	+1.0.0
--pure-background-element	组件的默认背景	#ffffff	+1.0.0
--pure-background-light	组件的浅色背景	#f0f0f0	+1.0.0
--pure-background-mask	遮罩的默认背景	rgba(0, 0, 0, 0.6)	+1.0.0
--pure-background-disabled	禁用状态的默认背景	#909399	+1.0.0
--pure-text-color-default	文本默认颜色	#303133	+1.0.0
--pure-text-color-regular	浅色文本色	#606266	+1.0.0
--pure-text-color-light	更浅色文本色	#909399	+1.0.0
--pure-text-color-placeholder	提示文本色	#c0c4cc	+1.0.0
--pure-border-color-default	默认边框色	#f0f0f0	+1.0.0
--pure-border-color-regular	浅色边框色	#dcdfe6	+1.0.0
--pure-font-size-default	默认文本字体尺寸	1em	+1.0.0
--pure-font-size-smaller	相对小一点的文字尺寸	0.75em	+1.0.0
--pure-font-size-mini	最小的文字尺寸	0.5em	+1.0.0
--pure-font-size-larger	相对大一点的文字尺寸	1.25em	+1.0.0
--pure-opacity-hover	hover-class 时的透明度	0.75	+1.0.0
--pure-opacity-disabled	禁用状态时的透明度	0.50	+1.0.0
--pure-z-index-upper	高层级	900	+1.0.0
--pure-z-index-middle	中层级	500	+1.0.0
--pure-z-index-lower	低层级	100	+1.0.0