uv-ui
兼容vue3+2多平台快速开发的UI框架
温馨提示:如需下载uv-ui示例项目,请不要使用【下载插件ZIP】按钮。
549833913
uvui官方群1:206060892
uvui官方群2:uvui特点
uv-ui的前世今生,
uv-ui
是基于uview2.x
版本改造而来。重命名也是为了避开发布冲突和很多组件u-
在nvue
中不能使用的情况,所以这才诞生了uv-ui
。感谢uview-ui
作者的开源奉献,再次为开源点赞。 同时uv-ui
也是无条件开源。全端兼容,
uv-ui
支持vue3、vue2、app-vue、app-nvue、h5、小程序等。uv-ui
的组件都是多端自适应的,底层会抹平很多小程序平台的差异或bug。扩展配置,
uv-ui
内置的方法默认不再挂载到uni
对象之上,也就意味着默认情况下不能在项目中直接使用uni.$uv.xxx
使用内置方法。但是可以通过扩展可以解决,通过如下方式进行配置即可,使用方式请参考扩展配置。其中包括 JS工具库、 自定义主题、 基础样式、 setconfig等。
预览
通过微信或浏览器扫码查看演示效果。
链接
交流反馈
欢迎加入我们的QQ群交流反馈:点此跳转
快速开始
uv-ui
强烈建议通过 下载插件并导入HbuilderX
导入组件。或者下载完整 uv-ui项目 将 uni_modules
复制到自己的项目。道路千万条,选择最适合自己的一条。
请通过快速上手了解更详细的内容。
注意:导入插件后,建议HBuilderX
重新运行项目,可能新导入的插件不能实时更新而导致不能运行。
使用方法
组件导入 uni_modules
后,直接在项目中使用,无需通过import引入组件。
<template>
<uv-icon name="baidu" size="30" color="#909399"></uv-icon>
</template>
扩展功能
uv-ui
内置了强大的工具函数、请求封装等,可以根据自身需求进行扩展配置,详情请查看扩展配置。
注意:只有扩展配置后才能在自己的项目页面中使用组件库内置方法和变量等。
组件列表
下表为 uv-ui
的扩展组件清单,点击每个组件点击下载&安装即可在详情页面导入组件到项目下,导入后建议重新运行即可直接使用,组件无需import和注册。
组件名 | 组件说明 |
---|---|
uv-calendars | 新版日历(推荐) |
uv-drop-down | 下拉筛选 |
uv-scroll-list | 横向滚动列表 |
uv-vtabs | 垂直选项卡 |
uv-pick-color | 颜色选择器 |
uv-qrcode | 二维码 |
uv-waterfall | 瀑布流 |
uv-row | Layout 布局 |
uv-icon | 图标 |
uv-button | 按钮 |
uv-text | 文本 |
uv-link | 超链接 |
uv-image | 图片 |
uv-transition | 动画 |
uv-form | 表单 |
uv-input | 增强输入框 |
uv-textarea | 增强文本域 |
uv-checkbox | 复选框 |
uv-radio | 单选框 |
uv-switch | 开关选择器 |
uv-calendar | 日历 |
uv-picker | 选择器 |
uv-datetime-picker | 时间选择器 |
uv-code | 验证码倒计时 |
uv-keyboard | 键盘 |
uv-rate | 评分 |
uv-search | 多功能搜索框 |
uv-number-box | 步进器 |
uv-upload | 上传 |
uv-slider | 滑动选择器 |
uv-list | 列表 |
uv-index-list | 索引列表 |
uv-tags | 标签 |
uv-line-progress | 线形进度条 |
uv-badge | 徽标数 |
uv-count-down | 倒计时 |
uv-count-to | 数字滚动 |
uv-avatar | 头像 |
uv-skeleton | 骨架屏 |
uv-loading-icon | 加载动画 |
uv-loading-page | 加载页 |
uv-load-more | 加载更多 |
uv-empty | 内容为空 |
uv-tooltip | 长按提示 |
uv-alert | 警告提示 |
uv-toast | 消息提示 |
uv-notice-bar | 滚动通知 |
uv-notify | 消息提示 |
uv-no-network | 无网络提示 |
uv-popup | 弹出层 |
uv-modal | 模态框 |
uv-cell | 单元格 |
uv-swipe-action | 滑动单元格 |
uv-swiper | 轮播图 |
uv-collapse | 折叠面板 |
uv-grid | 宫格布局 |
uv-album | 相册 |
uv-tabbar | 底部导航栏 |
uv-back-top | 返回顶部 |
uv-navbar | 自定义导航栏 |
uv-action-sheet | 底部操作菜单 |
uv-tabs | 标签选项卡 |
uv-steps | 步骤条 |
uv-subsection | 分段器 |
uv-sticky | 吸顶 |
uv-parse | 富文本解析器 |
uv-overlay | 遮罩层 |
uv-code-input | 验证码输入 |
uv-read-more | 展开阅读更多 |
uv-line | 线条 |
uv-gap | 间隔槽 |
uv-divider | 分割线 |
版权信息
uv-ui遵循MIT开源协议,意味着您无需支付任何费用,也无需授权,即可将uv-ui应用到您的产品中。
作者想说
- 开源真的不易,不图大家的钱财,所以希望大家多多鼓励支持,希望不要恶意评论,有问题加群快速解决。
- 遇到BUG,是一件很正常的事情,是程序肯定就有BUG,所以希望大家能以理解的心态去提出BUG,然后作者才有动力去努力修复。
- 最后觉得好用的小伙伴,不要吝啬你的双手,给个好评就是给我们最大的鼓励。