@gmcb/uv-ui 0.2.27 → 0.3.1

package/docs/components/quickstart.md

@@ -0,0 +1,33 @@
+## 快速上手
+
+<demo-model url="/"></demo-model>
+
+本节将介绍如何在项目中使用 uv-ui。
+
+### 如何使用
+
+通过[下载安装](/components/install.html)之后，**无需**通过`import`引入组件，在页面中即可直接使用。
+
+---
+
+### 快速开始
+
+**1. 首先进行[下载安装](/components/install.html)** 组件库
+
+<!-- 温馨提示：导入插件后，建议`HBuilderX`重新运行项目，可能新导入的插件不能实时更新而导致不能运行。 -->
+
+**2. 无需通过import引入组件，直接在项目中使用**
+
+注意：如果您是npm下载的组件，需要[esaycom配置](/components/install.html#npm-方式)即可正常使用。
+
+```vue
+<uv-icon name="photo" size="30" color="#909399"></uv-icon>
+```
+
+**3. 使用更强大的扩展功能**
+
+`uv-ui`内置了强大的工具函数、请求封装、全局配置等，可以根据自身需求进行扩展配置，详情请查看[扩展配置](/components/setting.html)。
+
+**4. 建议App.vue中引入基础样式**
+
+这样做的目的，请参考[扩展配置-基础样式](/components/setting.html#扩展配置-基础样式)，有相关说明。

package/docs/components/radio.md

@@ -0,0 +1,256 @@
+## Radio 单选框 <to-api/>
+
+<demo-model url="/pages/componentsB/radio/radio"></demo-model>
+
+::: tip ✈
+
+**组件名：uv-radio-group > uv-radio**
+
+[点击下载&安装](https://ext.dcloud.net.cn/plugin?name=uv-radio)
+
+:::
+
+单选框用于有一个选择，用户只能选择其中一个的场景。
+
+
+### 平台兼容性
+
+|App（vue）|App（nvue）|H5|小程序|VUE2|VUE3|
+|:-:|:-:|:-:|:-:|:-:|:-:|
+|√|√|√|√|√|√|
+
+### 基本使用
+
+- 该组件需要搭配`radioGroup`组件使用，以便用户进行操作时，获得当前单选框组的选中情况
+- 通过`v-model`给`radioGroup`组件绑定一个变量，对应的` name`将会被选中
+
+```vue
+<template>
+	<uv-radio-group v-model="radiovalue">
+		<uv-radio 
+			:customStyle="{margin: '8px'}" 
+			v-for="(item, index) in radiolist" 
+			:key="index" 
+			:label="item.name" 
+			:name="item.name">
+		</uv-radio>
+	</uv-radio-group>
+</template>
+<script setup>
+import { ref } from 'vue';
+
+const radiolist = ref([{
+  name: '苹果',
+  disabled: false
+}, {
+  name: '香蕉',
+  disabled: false
+}, {
+  name: '橙子',
+  disabled: false
+}, {
+  name: '榴莲',
+  disabled: false
+}]);
+const radiovalue = ref('苹果');
+
+</script>
+```
+
+
+### 自定义形状
+
+可以通过设置`shape`为`square`或者`circle`，将单选框设置为方形或者圆形
+
+```vue
+<template>
+	<uv-radio-group v-model="radiovalue">
+		<uv-radio
+			shape="square"
+			:customStyle="{margin: '8px'}" 
+			v-for="(item, index) in radiolist" 
+			:key="index" 
+			:label="item.name" 
+			:name="item.name">
+		</uv-radio>
+	</uv-radio-group>
+</template>
+<script setup>
+import { ref } from 'vue';
+
+const radiolist = ref([{
+  name: '苹果',
+  disabled: false
+}, {
+  name: '香蕉',
+  disabled: false
+}]);
+const radiovalue = ref('苹果');
+
+</script>
+```
+
+### 禁用radio
+
+设置`disabled`为`true`，即可禁用某个组件，让用户无法点击
+
+```vue
+<template>
+	<uv-radio-group v-model="radiovalue">
+		<uv-radio :disabled="true" name="苹果" label="苹果"></uv-radio>
+		<uv-radio :disabled="true" name="梨子" label="梨子"></uv-radio>
+		<uv-radio :disabled="false" name="香蕉" label="香蕉"></uv-radio>
+	</uv-radio-group>
+</template>
+<script setup>
+import { ref } from 'vue';
+
+const radiovalue = ref('苹果');
+
+</script>
+```
+
+### 自定义颜色
+
+此处所指的颜色，为`radio`选中时的背景颜色，参数为`activeColor`
+
+```vue
+<template>
+	<uv-radio-group v-model="radiovalue">
+		<uv-radio name="苹果" label="苹果"></uv-radio>
+		<uv-radio name="香蕉" activeColor="red" label="香蕉"></uv-radio>
+	</uv-radio-group>
+</template>
+<script setup>
+import { ref } from 'vue';
+
+const radiovalue = ref('香蕉');
+
+</script>
+```
+
+### 横向排列形式
+
+可以通过设置`placement`为`row`或者`column`，将复选框设置为横向排列或者竖向排列
+
+```vue
+<template>
+	<uv-radio-group v-model="radiovalue" placement="column">
+		<uv-radio name="苹果" label="苹果"></uv-radio>
+		<uv-radio name="香蕉" activeColor="red" label="香蕉"></uv-radio>
+	</uv-radio-group>
+</template>
+<script setup>
+import { ref } from 'vue';
+
+const radiovalue = ref('香蕉');
+
+</script>
+```
+### 横向两端排列形式
+
+在`placement="column"`前提下，可以通过设置`iconPlacement`为`left`或者`right`，将复选框勾选图标的对齐设置为左对齐或者右对齐
+
+```vue
+<template>
+	<uv-radio-group 
+		v-model="radiovalue" 
+		placement="column" 
+		iconPlacement="right">
+		<uv-radio name="苹果" label="苹果"></uv-radio>
+		<uv-radio name="香蕉" label="香蕉"></uv-radio>
+	</uv-radio-group>
+</template>
+<script setup>
+import { ref } from 'vue';
+
+const radiovalue = ref('香蕉');
+
+</script>
+```
+
+### 完整示例
+
+::: tip 完整示例下载地址
+
+[https://ext.dcloud.net.cn/plugin?name=uv-ui](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+:::
+
+### API
+---
+
+### RadioGroup Props
+
+| 参数			| 说明													| 类型					| 默认值		| 可选值	|
+| :-			| :-													| :-					| :-		| :-	|
+| value / v-model			| 选中 name 的值														| String &#124; Number &#124; Boolean	| -		| -		|
+| disabled		| 是否禁用全部checkbox									| Boolean				| false		| true &#124; false	|
+| shape			| 形状，circle - 圆形，square - 方形							| String				| circle	| circle &#124; square|
+| activeColor	| 选中状态下的颜色，如子`Checkbox`组件设置此值，将会覆盖本值	| String				| #2979ff	| -		|
+| inactiveColor	| 未选中的颜色											| String				| #c8c9cc	| -		|
+| name			| 标识符													| String				| -			| -		|
+| size			| 整个组件的尺寸，默认px。**注意：该参数和iconSize应该同步设置，才能改变选框大小** | String &#124; Number		| 18		| -		|
+| placement		| 布局方式，row - 横向，column - 纵向							| String				| row		| row &#124; column|
+| label			| 文本													| String				| -			| -		|
+| labelColor	| label的字体颜色								    		| String				| #303133	| -		|
+| labelSize		| label的字体大小，单位`px(rpx)`									| String &#124; Number		| 14		| -		|
+| labelDisabled	| 是否禁止点击文本操作							    		| Boolean				| false		| true &#124; false	|
+| iconColor		| 图标颜色												| String				| #ffffff	| -		|
+| iconSize		| 图标的大小，单位`px(rpx)`										| String &#124; Number		| 12		| -		|
+| borderBottom	| 竖向配列时，是否显示下划线								| Boolean				| false		| true &#124; false 	|
+| iconPlacement	| 勾选图标的对齐方式，left - 左边，right - 右边					| String				| left		| left &#124; right	|
+| customStyle | 自定义样式，某些事件需要用到调整位置等作用 | Object | - | - |
+
+### Radio Props
+
+注意：`radio`和`radio-group`二者同名参数中，`radio`的参数优先级更高。
+
+| 参数			| 说明																		| 类型				| 默认值	| 可选值	|
+| :-			| :-																		| :-				| :-	| :-	|
+| name			| radio的名称															| String &#124; Number &#124; Boolean	| -		| -		|
+| shape			| 形状，square为方形，circle为圆型									    		| String			| circle| circle &#124; square |
+| disabled		| 是否禁用																	| Boolean			| -		| -		|
+| labelDisabled	| 是否禁止点击提示语选中复选框													| String &#124; Boolean	| -		| -		|
+| activeColor	| 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值			    		| String			| -		| -		|
+| inactiveColor	| 未选中的颜色																| String			| -		| -		|
+| iconSize		| 图标的大小，单位`px(rpx)`															| String &#124; Number	| -		| -		|
+| labelSize		| label的字体大小，单位`px(rpx)`														| String &#124; Number	| -		| -		|
+| label			| label提示文字。如果文本较长存在文本不换行的问题，使用customStyle设置一个宽度即可，eg：`customStyle="maxWidth: 300rpx;"`	    	| String &#124; Number	| -		| -		|
+| size			| 整体的大小																	| String &#124; Number	| -		| -		|
+| iconColor		| 图标颜色																	| String			| -		| -		|
+| labelColor	| label的颜色																| String			| -		| -		|
+| customStyle | 自定义样式 | Object &#124; String | - | - |
+
+### Radio Slots
+
+| 名称	| 说明				|
+|:-		|:-					|
+| default | 自定义`label`内容，自定义后，`labelDisabled`设置将会失效 |
+| icon	| 自定义选中图标	|
+
+### RadioGroup Events
+
+| 事件名	| 说明								| 回调参数									|
+| :-	| :-								| :-										|
+| @change| 任一个`radio`状态发生变化时触发		| name: 值为`radio`通过`props`传递的`name`值	|
+
+### Radio Events
+
+| 事件名	| 说明										| 回调参数							|
+| :-	| :-										| :-								|
+| @change| 某个`radio`状态发生变化时触发(选中状态)		| name: 通过`props`传递的`name`参数	|
+
+<style>
+h3[id=radio-slots] + table thead tr th:nth-child(2){
+	width: 70%;
+}
+h3[id=radiogroup-events] + table thead tr th:nth-child(2),
+h3[id=radio-events] + table thead tr th:nth-child(2) {
+	width: 40%;
+}
+h3[id=radiogroup-events] + table thead tr th:nth-child(3),
+h3[id=radio-events] + table thead tr th:nth-child(3) {
+	width: 40%;
+}
+</style>

package/docs/components/rate.md

@@ -0,0 +1,128 @@
+## Rate 评分 <to-api/>
+
+<demo-model url="/pages/componentsB/rate/rate"></demo-model>
+
+::: tip ✈
+
+**组件名：uv-rate**
+
+[点击下载&安装](https://ext.dcloud.net.cn/plugin?name=uv-rate)
+
+:::
+
+该组件一般用于星级打分评价，比如网上购买产品后进行评价等场景。
+
+### 平台兼容性
+
+|App（vue）|App（nvue）|H5|小程序|VUE2|VUE3|
+|:-:|:-:|:-:|:-:|:-:|:-:|
+|√|√|√|√|√|√|
+
+### 基本使用
+
+- 通过`count`参数设置总共有多少颗星星可选择
+- 通过`v-model`双向绑定初始化时默认选中的星星数量
+
+```vue
+<template>
+	<uv-rate :count="count" v-model="value"></uv-rate>
+</template>
+<script setup>
+import { ref } from 'vue';
+
+const count = ref(4);
+const value = ref(2);
+
+</script>
+```
+
+### 自定义样式
+
+- 通过`active-color`设置选中的星星的颜色
+- 通过`inactive-color`设置未选中时星星的颜色
+- 通过`gutter`设置星星的间距，左右内边距各占`gutter`的一半
+
+```vue
+<uv-rate active-color="#FA3534" inactive-color="#b2b2b2" gutter="20"></uv-rate>
+```
+
+### 自定义图标
+
+- 通过`inactive-icon`设置未激活的图标
+- 通过`active-icon`设置激活的图标
+
+下方示例为使用心形图标替代默认的星星图标：
+
+```vue
+<uv-rate activeIcon="heart-fill" inactiveIcon="heart"></uv-rate>
+```
+
+### 最少选中的数量
+
+```vue
+<uv-rate :minCount="5"></uv-rate>
+```
+
+### 禁用状态
+
+禁用下，无法点击或者滑动选择，但是可以通过`value`设置默认选中的数量，禁用状态下用来展示分数，允许出现半星
+
+```vue
+<uv-rate :value="3.7" disabled></uv-rate>
+```
+
+### 只读状态
+
+只读状态无法点击或者滑动选择，但是可以通过`value`设置默认选中的数量，禁用状态下用来展示分数，允许出现半星
+
+```vue
+<uv-rate :value="3.7" readonly></uv-rate>
+```
+
+### 完整示例
+
+::: tip 完整示例下载地址
+
+[https://ext.dcloud.net.cn/plugin?name=uv-ui](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+:::
+
+### API
+---
+
+### Rate Props
+
+| 参数			| 说明									| 类型					| 默认值		|  可选值	|
+|:-				|:-										|:-						|:-			|:-			|
+| value	/ v-model | 双向绑定选择星星的数量					| String &#124; Number	| 1			| -			|
+| count			| 最多可选的星星数量						| String &#124; Number	| 5			| -			|
+| disabled		| 是否禁止用户操作					    	| Boolean				| false		| true	&#124; false	|
+| readonly 		| 是否只读          				    	| Boolean				| false		| true	&#124; false	|
+| size			| 星星的大小，单位rpx						| String &#124; Number	| 18		| -			|
+| inactiveColor	| 未选中星星的颜色					    	| String				| #b2b2b2	| -			|
+| activeColor	| 选中的星星颜色							| String				| #FA3534	| -			|
+| gutter		| 星星之间的距离							| String &#124; Number	| 4			| -			|
+| minCount		| 最少选中星星的个数						| String &#124; Number	| 1			| -			|
+| allowHalf		| 是否允许半星选择，仅vue生效	        	| Boolean				| false		| true &#124; false	|
+| activeIcon	| 选中时的图标名，只能为uv-ui的内置图标		| String				| star-fill	| -			|
+| inactiveIcon	| 未选中时的图标名，只能为uv-ui的内置图标	    | String				| star		| -			|
+| touchable		| 是否可以通过滑动手势选择评分				| Boolean				| true		| true &#124; false		|
+
+<!-- | colors | 颜色分级显示，可以用不同颜色区分评分层级 | Array  | - | - | -->
+<!-- | icons | 图标分级显示，可以用不同类型的icon区分评分层级 | Array  | - | - | -->
+
+### Rate Events
+
+| 事件名 | 说明 | 回调参数 |
+| :- | :- | :- |
+| @change | 选中的星星发生变化时触发 | value：当前选中的星星的数量，如果使用`v-model`双向绑定方式，无需监听此事件|
+
+<style scoped>
+h3[id=rate-events] + table thead tr th:nth-child(2){
+	width: 42%;
+}
+h3[id=rate-events] + table thead tr th:nth-child(3){
+	width: 42%;
+}
+</style>
+

package/docs/components/read.md

@@ -0,0 +1,163 @@
+<p align="center">
+    <span>&nbsp;&nbsp;&nbsp;&nbsp;</span><img alt="logo" src="https://www.uvui.cnhttps://www.uvui.cn/common/logo.png" width="120" height="120">
+</p>
+<h3 align="center">uv-ui</h3>
+<h3 align="center">面向 Vue 3 的多平台快速开发 UI 框架</h3>
+
+[![star](https://gitee.com/climblee/uv-ui/badge/star.svg?theme=gvp)](https://gitee.com/climblee/uv-ui)
+[![star](https://gitee.com/climblee/uv-ui/badge/fork.svg?theme=gvp)](https://gitee.com/climblee/uv-ui)
+[![star](https://img.shields.io/github/stars/climblee/uv-ui?style=flat-square&logo=GitHub)](https://github.com/climblee/uv-ui)
+[![issues](https://img.shields.io/github/issues/climblee/uv-ui?style=flat-square&logo=GitHub)](https://github.com/climblee/uv-ui/issues)
+[![Website](https://img.shields.io/badge/uvui-up-blue?style=flat-square)](https://www.uvui.cn)
+[![version](https://img.shields.io/badge/version-1.1.11-brightgreen.svg)](https://www.uvui.cn/components/changelog.html)
+[![license](https://img.shields.io/github/license/climblee/uv-ui?style=flat-square)](https://en.wikipedia.org/wiki/MIT_License)
+
+## 温馨提示：如需下载uv-ui示例项目，请不要使用【下载插件ZIP】按钮。
+
+### uvui官方群1：<a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=aaoyDvfV7nSee9vzWfzyZM1vKlu3xrNZ&authKey=pdU6HDpyzGUoc1QvQvCmzCbwzsoHgBbToF%2F0ChP4lNjPIPgWHGRE4I99XYGiTcNI&noverify=0&group_code=549833913" target="_blank">549833913</a>
+### uvui官方群2：<a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=2QbEeKBn6ysCyQ09V4mgst1W8onxFybQ&authKey=aMTGL5zCYwsinG%2FeH0qMlAqXAdyKr5AjXVf2oMnsmj7NCg%2F2HraMU%2FNFxELLIPvp&noverify=0&group_code=206060892" target="_blank">206060892</a>
+
+## uvui特点
+
+1. **uv-ui的前世今生**，`uv-ui` 是基于 `uview2.x` 版本改造而来。重命名也是为了避开发布冲突和很多组件 `u-`在  `nvue` 中不能使用的情况，所以这才诞生了`uv-ui`。感谢 `uview-ui` 作者的开源奉献，再次为开源点赞。 同时 `uv-ui` 也是无条件开源。
+
+2. **全端兼容**，`uv-ui` 支持 uni-app Vue 3、app-vue、app-nvue、h5、小程序等。`uv-ui` 的组件都是多端自适应的，底层会抹平很多小程序平台的差异或 bug。
+
+3. **扩展配置**，`uv-ui`内置的方法默认不再挂载到`uni`对象之上，也就意味着默认情况下不能在项目中直接使用`uni.$uv.xxx`使用内置方法。但是可以通过扩展可以解决，通过如下方式进行配置即可，使用方式请参考[扩展配置](https://www.uvui.cn/components/setting.html)。其中包括[ JS工具库](https://www.uvui.cn/components/setting.html#%E6%89%A9%E5%B1%95%E9%85%8D%E7%BD%AE-js%E5%B7%A5%E5%85%B7%E5%BA%93)、[ 自定义主题](https://www.uvui.cn/components/setting.html#%E6%89%A9%E5%B1%95%E9%85%8D%E7%BD%AE-%E8%87%AA%E5%AE%9A%E4%B9%89%E4%B8%BB%E9%A2%98)、[ 基础样式](https://www.uvui.cn/components/setting.html#%E6%89%A9%E5%B1%95%E9%85%8D%E7%BD%AE-%E5%9F%BA%E7%A1%80%E6%A0%B7%E5%BC%8F)、[ setconfig](https://www.uvui.cn/components/setting.html#%E6%89%A9%E5%B1%95%E9%85%8D%E7%BD%AE-setconfig)等。
+
+## 预览
+
+通过微信或浏览器扫码查看演示效果。
+
+<img src="https://www.uvui.cn/common/h5_qrcode.png" width="180" height="180" />
+
+## 链接
+
+- [官方文档](https://www.uvui.cn)
+- [演示地址](https://h5.uvui.cn)
+- [更新日志](https://www.uvui.cn/components/changelog.html)
+- [关于我们](https://www.uvui.cn/cooperation/about.html)
+- <a href="#list">组件列表</a>
+
+## 交流反馈
+
+欢迎加入我们的QQ群交流反馈：[点此跳转](https://www.uvui.cn/components/addQQGroup.html)
+
+## 快速开始
+
+方式一：`uv-ui` 强烈建议通过 `下载插件并导入HbuilderX` 导入组件。
+
+方式二：下载完整 [uv-ui项目](https://ext.dcloud.net.cn/plugin?id=12287) 将 `uni_modules` 复制到自己的项目。
+
+方式三：通过 `npm i @gmcb/uv-ui` 下载，此方法需要配置 easycom，配置详情可查看[安装](/components/install.html)。
+
+请通过[快速上手](https://www.uvui.cn/components/quickstart.html)了解更详细的内容。
+
+**注意：导入插件后，建议`HBuilderX`重新运行项目，可能新导入的插件不能实时更新而导致不能运行。**
+
+## 使用方法
+
+组件导入 `uni_modules` 后，直接在项目中使用，无需通过import引入组件。
+
+```html
+<template>
+    <uv-icon name="baidu" size="30" color="#909399"></uv-icon>
+</template>
+```
+
+## 扩展功能
+
+`uv-ui` 内置了强大的工具函数、请求封装等，可以根据自身需求进行扩展配置，详情请查看[扩展配置](https://www.uvui.cn/components/setting.html)。
+
+**注意：只有[扩展配置](https://www.uvui.cn/components/setting.html)后才能在自己的项目页面中使用组件库内置方法和变量等**。
+
+<div id="list"></div>
+
+## 组件列表
+
+下表为 `uv-ui` 的扩展组件清单，点击每个组件**点击下载&安装**即可在详情页面导入组件到项目下，导入后建议重新运行即可直接使用，组件无需import和注册。
+
+| 组件名 | 组件说明 |
+| --- | --- |
+| uv-calendars | [新版日历（推荐）](https://www.uvui.cn/components/calendars.html) |
+| uv-drop-down | [下拉筛选](https://www.uvui.cn/components/dropDown.html) |
+| uv-scroll-list | [横向滚动列表](https://www.uvui.cn/components/scrollList.html) |
+| uv-vtabs | [垂直选项卡](https://www.uvui.cn/components/vtabs.html) |
+| uv-pick-color | [颜色选择器](https://www.uvui.cn/components/pickColor.html) |
+| uv-qrcode | [二维码](https://www.uvui.cn/components/qrcode.html) |
+| uv-waterfall | [瀑布流](https://www.uvui.cn/components/waterfall.html) |
+| uv-row | [Layout 布局](https://www.uvui.cn/components/layout.html) |
+| uv-icon | [图标](https://www.uvui.cn/components/icon.html) |
+| uv-button | [按钮](https://www.uvui.cn/components/button.html) |
+| uv-text | [文本](https://www.uvui.cn/components/text.html) |
+| uv-link | [超链接](https://www.uvui.cn/components/link.html) |
+| uv-image | [图片](https://www.uvui.cn/components/image.html) |
+| uv-transition | [动画](https://www.uvui.cn/components/transition.html) |
+| uv-form | [表单](https://www.uvui.cn/components/form.html) |
+| uv-input | [增强输入框](https://www.uvui.cn/components/input.html) |
+| uv-textarea | [增强文本域](https://www.uvui.cn/components/textarea.html) |
+| uv-checkbox | [复选框](https://www.uvui.cn/components/checkbox.html) |
+| uv-radio | [单选框](https://www.uvui.cn/components/radio.html) |
+| uv-switch | [开关选择器](https://www.uvui.cn/components/switch.html) |
+| uv-calendar | [日历](https://www.uvui.cn/components/calendar.html) |
+| uv-picker | [选择器](https://www.uvui.cn/components/picker.html) |
+| uv-datetime-picker | [时间选择器](https://www.uvui.cn/components/datetimePicker.html) |
+| uv-code | [验证码倒计时](https://www.uvui.cn/components/code.html) |
+| uv-keyboard | [键盘](https://www.uvui.cn/components/keyboard.html) |
+| uv-rate | [评分](https://www.uvui.cn/components/rate.html) |
+| uv-search | [多功能搜索框](https://www.uvui.cn/components/search.html) |
+| uv-number-box | [步进器](https://www.uvui.cn/components/numberBox.html) |
+| uv-upload | [上传](https://www.uvui.cn/components/upload.html) |
+| uv-slider | [滑动选择器](https://www.uvui.cn/components/slider.html) |
+| uv-list | [列表](https://www.uvui.cn/components/list.html) |
+| uv-index-list | [索引列表](https://www.uvui.cn/components/indexList.html) |
+| uv-tags | [标签](https://www.uvui.cn/components/tag.html) |
+| uv-line-progress | [线形进度条](https://www.uvui.cn/components/lineProgress.html) |
+| uv-badge | [徽标数](https://www.uvui.cn/components/badge.html) |
+| uv-count-down | [倒计时](https://www.uvui.cn/components/countDown.html) |
+| uv-count-to | [数字滚动](https://www.uvui.cn/components/countTo.html) |
+| uv-avatar | [头像](https://www.uvui.cn/components/avatar.html) |
+| uv-skeleton | [骨架屏](https://www.uvui.cn/components/skeleton.html) |
+| uv-loading-icon | [加载动画](https://www.uvui.cn/components/loadingIcon.html) |
+| uv-loading-page | [加载页](https://www.uvui.cn/components/loadingPage.html) |
+| uv-load-more | [加载更多](https://www.uvui.cn/components/loadMore.html) |
+| uv-empty | [内容为空](https://www.uvui.cn/components/empty.html) |
+| uv-tooltip | [长按提示](https://www.uvui.cn/components/tooltip.html) |
+| uv-alert | [警告提示](https://www.uvui.cn/components/alert.html) |
+| uv-toast | [消息提示](https://www.uvui.cn/components/toast.html) |
+| uv-notice-bar | [滚动通知](https://www.uvui.cn/components/noticeBar.html) |
+| uv-notify | [消息提示](https://www.uvui.cn/components/notify.html) |
+| uv-no-network | [无网络提示](https://www.uvui.cn/components/noNetwork.html) |
+| uv-popup | [弹出层](https://www.uvui.cn/components/popup.html) |
+| uv-modal | [模态框](https://www.uvui.cn/components/modal.html) |
+| uv-cell | [单元格](https://www.uvui.cn/components/cell.html) |
+| uv-swipe-action | [滑动单元格](https://www.uvui.cn/components/swipeAction.html) |
+| uv-swiper | [轮播图](https://www.uvui.cn/components/swiper.html) |
+| uv-collapse | [折叠面板](https://www.uvui.cn/components/collapse.html) |
+| uv-grid | [宫格布局](https://www.uvui.cn/components/grid.html) |
+| uv-album | [相册](https://www.uvui.cn/components/album.html) |
+| uv-tabbar | [底部导航栏](https://www.uvui.cn/components/tabbar.html) |
+| uv-back-top | [返回顶部](https://www.uvui.cn/components/backTop.html) |
+| uv-navbar | [自定义导航栏](https://www.uvui.cn/components/navbar.html) |
+| uv-action-sheet | [底部操作菜单](https://www.uvui.cn/components/actionSheet.html) |
+| uv-tabs | [标签选项卡](https://www.uvui.cn/components/tabs.html) |
+| uv-steps | [步骤条](https://www.uvui.cn/components/steps.html) |
+| uv-subsection | [分段器](https://www.uvui.cn/components/subsection.html) |
+| uv-sticky | [吸顶](https://www.uvui.cn/components/sticky.html) |
+| uv-parse | [富文本解析器](https://www.uvui.cn/components/parse.html) |
+| uv-overlay | [遮罩层](https://www.uvui.cn/components/overlay.html) |
+| uv-code-input | [验证码输入](https://www.uvui.cn/components/codeInput.html) |
+| uv-read-more | [展开阅读更多](https://www.uvui.cn/components/readMore.html) |
+| uv-line | [线条](https://www.uvui.cn/components/line.html) |
+| uv-gap | [间隔槽](https://www.uvui.cn/components/gap.html) |
+| uv-divider | [分割线](https://www.uvui.cn/components/divider.html) |
+
+## 版权信息
+uv-ui遵循[MIT](https://en.wikipedia.org/wiki/MIT_License)开源协议，意味着您无需支付任何费用，也无需授权，即可将uv-ui应用到您的产品中。
+
+## 作者想说
+- 开源真的不易，不图大家的钱财，所以希望大家多多鼓励支持，希望不要恶意评论，有问题加群快速解决。
+- 遇到BUG，是一件很正常的事情，是程序肯定就有BUG，所以希望大家能以理解的心态去提出BUG，然后作者才有动力去努力修复。
+- 最后觉得好用的小伙伴，不要吝啬你的双手，给个好评就是给我们最大的鼓励。
+
+# 恶评者手下留情，有事加QQ群解决：549833913