uniapp 常用 UI 组件库
1. uView UI
- 特点:
- 组件丰富:提供覆盖按钮、表单、图标、表格、导航、图表等场景的内置组件。
- 跨平台支持:兼容 App、H5、小程序等多端。
- 高度可定制:支持主题定制,组件样式灵活。
- 实用工具类:提供时间、数组操作等工具方法。
- 良好文档和社区支持。
- 适用场景:需要快速开发常规多端项目,注重组件质量和样式一致性。
- 开源热度:GitHub stars 568,Gitee stars 555。
- 官网链接:https://uviewui.com/
2. TDesign
- 特点:
- 企业级设计体系:由腾讯出品,组件设计优秀,覆盖多端。
- 技术支持:支持 Vue2、Vue3、React 等多种框架。
- 组件丰富:提供丰富的组件,适合复杂项目。
- 注重设计和视觉效果。
- 适用场景:注重设计和视觉效果的项目,基于 Vue3 的 uni-app 项目。
- 开源热度:GitHub stars 2.7k。
- 官网链接:https://tdesign.tencent.com/
3. NutUI
- 特点:
- 京东风格:京东开源,稳定可靠。
- 组件丰富:支持多端,提供电商类组件如 SKU 选择器。
- 技术支持:基于 Vue3 构建。
- 适用场景:电商类项目开发,使用 Vue3 技术栈的 uni-app 项目。
- 开源热度:GitHub stars 5.4k。
- 官网链接:https://nutui.jd.com/3x/#/
4. Varlet UI
- 特点:
- Material 风格:基于 Vue3 开发的 Material 风格移动端组件库。
- 组件丰富:提供多种组件,适合移动端开发。
- 技术支持:支持 Vue3。
- 适用场景:移动端项目,注重 Material 设计风格。
- 开源热度:GitHub stars 4.2k。
- 官网链接:https://varletjs.org/#/zh-CN/index
5. Thor UI
- 特点:
- 轻量简洁:组件轻量、简洁、全面。
- 多端支持:支持微信小程序和 uni-app。
- 适用场景:轻量型项目或小型项目。
- 适用场景:微信小程序和 uni-app 项目,注重轻量和简洁。
- 开源热度:GitHub stars 2.3k。
- 官网链接:https://www.thorui.cn/h5/#/
6. ColorUI
- 特点:
- 视觉效果强大:支持渐变、阴影等丰富的样式。
- 多种风格组件:适合有设计需求的项目。
- 社区活跃:支持多端。
- 适用场景:需要高颜值设计和强大视觉效果的项目。
- 开源热度:GitHub stars 1.7k。
- 官网链接:https://colorui.0i-i0.com/#/
7. wot-ui
- 特点:
- 组件数量多:提供 71 个组件,包括基础、表单、数据、反馈、布局、导航等。
- 技术支持:基于 Vue3 和 TypeScript 构建。
- 多端支持:支持 H5、App、小程序等多端。
- 适用场景:需要丰富组件和 TypeScript 支持的项目。
- 开源热度:GitHub stars 492。
- 官网链接:https://wot-design-uni.cn/
8. uView Plus
- 特点:
- uView 升级版:主要对标 Vue3 技术栈。
- 组件丰富:提供多种组件,支持多端。
- 良好文档和社区支持。
- 适用场景:基于 Vue3 的 uni-app 项目,需要高质量组件和良好社区支持。
- 开源热度:GitHub stars 362。
- 官网链接:https://uview-plus.jiangruyi.com/
9. TuniaoUI
- 特点:
- 组件数量适中:提供 55 个组件。
- 技术支持:基于 Vue3 和 TypeScript 构建。
- 多端支持:支持 H5、App、小程序等多端。
- 适用场景:需要 TypeScript 支持的项目。
- 开源热度:GitHub stars 192。
- 官网链接:https://vue2.tuniaokj.com/
10. Grace UI
- 特点:
- 简单轻量:功能简单易用,学习成本低。
- 多端支持:适配 uni-app,支持多端。
- 适用场景:小型项目或轻量化开发。
- 开源热度:GitHub stars 122。
- 官网链接:https://www.graceui.com/
推荐选择
- 快速开发多端项目:uView UI、TDesign。
- App 和小程序项目:uView UI、Varlet UI。
- 微信小程序为主:Vant Weapp、Thor UI、TDesign。
- 轻量项目:Thor UI、Grace UI、ColorUI。
- 电商项目:NutUI、Vant Weapp。
- 注重设计和视觉效果:ColorUI、TDesign。
- Vue3 技术栈项目:Varlet UI、NutUI、TDesign。
根据项目的具体需求和团队的技术栈,选择适合的组件库能够显著提升开发效率和用户体验。
相关文章:

uniapp 常用 UI 组件库
1. uView UI 特点: 组件丰富:提供覆盖按钮、表单、图标、表格、导航、图表等场景的内置组件。跨平台支持:兼容 App、H5、小程序等多端。高度可定制:支持主题定制,组件样式灵活。实用工具类:提供时间、数组操…...

C++编写Redis客户端
目录 安装redis-plus-plus库 编辑 编译Credis客户端 redis的通用命令使用 get/set exists del keys expire /ttl type string类型核心操作 set和get set带有超时时间 set带有NX string带有XX mset mget getrange和setrange incr和decr list类型核心操作…...
基于大模型预测的急性横贯性脊髓炎诊疗方案研究报告
目录 一、引言 1.1 研究背景与意义 1.2 研究目的与方法 1.3 国内外研究现状 二、急性横贯性脊髓炎概述 2.1 疾病定义与分类 2.2 病因与发病机制 2.3 临床表现与诊断标准 三、大模型在急性横贯性脊髓炎预测中的应用 3.1 大模型介绍与原理 3.2 数据收集与预处理 3.3 …...

nature genetics | SCENT:单细胞多模态数据揭示组织特异性增强子基因图谱,并可识别致病等位基因
–https://doi.org/10.1038/s41588-024-01682-1 Tissue-specific enhancer–gene maps from multimodal single-cell data identify causal disease alleles 研究团队和单位 Alkes L. Price–Broad Institute of MIT and Harvard Soumya Raychaudhuri–Harvard Medical S…...
【C语言】指针篇
目录 C 语言指针概述指针的声明和初始化声明指针初始化指针指针的操作解引用操作指针算术运算指针的用途动态内存分配作为函数参数指针与数组数组名作为指针通过指针访问数组元素指针算术和数组数组作为函数参数指针数组和数组指针指针数组数组指针函数指针函数指针的定义和声明…...
DeepSeek:如何通过自然语言生成HTML文件与原型图?
在当今快节奏的开发与设计环境中,快速生成HTML文件或原型图是每个开发者与设计师的迫切需求。虽然DeepSeek无法直接生成图片,但它却能够通过自然语言生成流程图、原型图以及交互式页面,甚至可以直接输出HTML代码。本文将详细介绍如何与DeepSe…...

数据结构与算法(两两交换链表中的结点)
原题 24. 两两交换链表中的节点 - 力扣(LeetCode) 给你一个链表,两两交换其中相邻的节点,并返回交换后链表的头节点。你必须在不修改节点内部的值的情况下完成本题(即,只能进行节点交换)。 示…...
语言模型作为零样本规划者:提取可执行知识以供具身代理使用
【摘要】 本文研究了预训练的语言模型(LLMs)能否被用来执行在交互式环境中的任务。作者发现,尽管LLMs在生成高阶任务的行动计划时可能无法做到完全精确定义,但通过适当提示,大型预训练语言模型可以分解高阶任务到中阶…...

Baklib智能推荐引擎驱动内容中台升级
智能推荐引擎技术架构 现代智能推荐系统的技术架构以语义分析算法为核心,通过自然语言处理技术解构内容特征,结合动态知识图谱实现信息实体关系的智能映射。该系统采用分层设计架构,基础层依托深度学习模型处理海量非结构化数据,…...

显示器长时间黑屏
现象 电脑启动后,进入登录界面前会随机黑屏,有时候十几秒,有时候几分钟 进入桌面后,长时间不操作电脑黑屏,移动鼠标,点击键盘后尝试点亮屏幕,也会消耗较长时间 尝试 重装系统,或者重新安装显卡,都能够恢复,但过段时间以后又出现黑屏情况 集成显卡,独立显卡都出现过 操作系统…...

顺序表与链表·续
引言 本文承接上文(顺序表与链表-CSDN博客),开始对链表的要点提炼。前文提到顺序表适合需要频繁随机访问且数据量固定的场景,而链表适合需要频繁插入和删除且数据量动态变化的场景。链表的引入弥补了顺序表在动态性和操作效率上的…...
nvidia驱动升级-ubuntu 1804
升级 1.从官网下载*.run驱动文件 2.卸载原始驱动 sudo /usr/bin/nvidia-uninstall sudo apt-get --purge remove nvidia-\* # 可能不需要加-\ sudo apt-get purge nvidia-\* # 可能不需要加-\ sudo apt-get purge libnvidia-\* # 可能不需要…...

【Linux】——初识操作系统
文章目录 冯-诺依曼体系结构操作系统shell 冯-诺依曼体系结构 我们现在所使用的计算机就是冯-诺依曼体系结构。 存储器就是内存。 由下图可知,寄存器最快,为啥不用寄存器呢? 因为越快价格就最贵,冯诺依曼体系结构的诞生…...
本地化deepseek
小白都能拥有自己的人工智能 1、我本地环境 系统:win10 cpu:i7(i7-12700),差不多就行 硬盘:500G+2T,可以不用这么大 显卡:七彩虹2060 12G ,够用了 我的配置最高也只能配上8B了, R1模型版本CPUGPU内存存储8B Intel Core i7/AMD Ryzen 7 及以上 无强制要求,有 4…...

利用可变参数模板,可打印任意参数和参数值。(C++很好的调式函数)
很酷的应用: (1) 如何获取可变参数名 代码例子: #define _test(...) (test_t(#__VA_ARGS__, __VA_ARGS__))template<typename... Args> void test_t(const char* names, Args... args) {std::cout << names <<…...
Yashan DB 体系结构
一、体系结构概况 1.1 线程管理 YashanDB采用多线程架构,线程分为两类: • 工作线程(Worker Threads):每个客户端连接到数据库实例时,会创建一个工作线程。工作线程负责处理客户端的SQL请求,执…...

测试工程师Deepseek实战之如何反向PUA它
问: 你是一名资深测试开发工程师 帮我设计一个提效工具,具有以下功能: 1.页面使用PYQT5设计,用两个输入控件,最好是日期类型的控件,第一个日期控件作为开始日期,第二个日期控件作为结束日期;前后…...
Windows系统中在VSCode上配置CUDA环境
前置步骤 安装符合GPU型号的CUDA Toolkit 配置好 nvcc 环境变量 安装 Visual Studio 参考https://blog.csdn.net/Cony_14/article/details/137510909 VSCode 安装插件 Nsight Visual Studio Code Editionvscode-cudacpp 安装 cmake 并配置好环境变量 注:Windows 端…...
React Native 0.76 升级后 APK 体积增大的原因及优化方案
在将 React Native 从 0.71 升级到 0.76 后,打包体积从 40 多 MB 增加到了 80 MB。经过一系列排查和优化,最终找到了解决方案,并将优化过程整理如下。 1. React Native 0.76 体积增大的可能原因 (1) 新架构默认启用 React Native 0.76 默认启用了 New Architecture(新架…...

pycharm找不到conda可执行文件
conda 24.9.2 在pycharm的右下角就可以切换python解释器了...

Vue3 + Element Plus + TypeScript中el-transfer穿梭框组件使用详解及示例
使用详解 Element Plus 的 el-transfer 组件是一个强大的穿梭框组件,常用于在两个集合之间进行数据转移,如权限分配、数据选择等场景。下面我将详细介绍其用法并提供一个完整示例。 核心特性与用法 基本属性 v-model:绑定右侧列表的值&…...
java 实现excel文件转pdf | 无水印 | 无限制
文章目录 目录 文章目录 前言 1.项目远程仓库配置 2.pom文件引入相关依赖 3.代码破解 二、Excel转PDF 1.代码实现 2.Aspose.License.xml 授权文件 总结 前言 java处理excel转pdf一直没找到什么好用的免费jar包工具,自己手写的难度,恐怕高级程序员花费一年的事件,也…...
生成 Git SSH 证书
🔑 1. 生成 SSH 密钥对 在终端(Windows 使用 Git Bash,Mac/Linux 使用 Terminal)执行命令: ssh-keygen -t rsa -b 4096 -C "your_emailexample.com" 参数说明: -t rsa&#x…...
Nginx server_name 配置说明
Nginx 是一个高性能的反向代理和负载均衡服务器,其核心配置之一是 server 块中的 server_name 指令。server_name 决定了 Nginx 如何根据客户端请求的 Host 头匹配对应的虚拟主机(Virtual Host)。 1. 简介 Nginx 使用 server_name 指令来确定…...

Linux-07 ubuntu 的 chrome 启动不了
文章目录 问题原因解决步骤一、卸载旧版chrome二、重新安装chorme三、启动不了,报错如下四、启动不了,解决如下 总结 问题原因 在应用中可以看到chrome,但是打不开(说明:原来的ubuntu系统出问题了,这个是备用的硬盘&a…...
【服务器压力测试】本地PC电脑作为服务器运行时出现卡顿和资源紧张(Windows/Linux)
要让本地PC电脑作为服务器运行时出现卡顿和资源紧张的情况,可以通过以下几种方式模拟或触发: 1. 增加CPU负载 运行大量计算密集型任务,例如: 使用多线程循环执行复杂计算(如数学运算、加密解密等)。运行图…...

华为云Flexus+DeepSeek征文|DeepSeek-V3/R1 商用服务开通全流程与本地部署搭建
华为云FlexusDeepSeek征文|DeepSeek-V3/R1 商用服务开通全流程与本地部署搭建 前言 如今大模型其性能出色,华为云 ModelArts Studio_MaaS大模型即服务平台华为云内置了大模型,能助力我们轻松驾驭 DeepSeek-V3/R1,本文中将分享如何…...

【开发技术】.Net使用FFmpeg视频特定帧上绘制内容
目录 一、目的 二、解决方案 2.1 什么是FFmpeg 2.2 FFmpeg主要功能 2.3 使用Xabe.FFmpeg调用FFmpeg功能 2.4 使用 FFmpeg 的 drawbox 滤镜来绘制 ROI 三、总结 一、目的 当前市场上有很多目标检测智能识别的相关算法,当前调用一个医疗行业的AI识别算法后返回…...
Device Mapper 机制
Device Mapper 机制详解 Device Mapper(简称 DM)是 Linux 内核中的一套通用块设备映射框架,为 LVM、加密磁盘、RAID 等提供底层支持。本文将详细介绍 Device Mapper 的原理、实现、内核配置、常用工具、操作测试流程,并配以详细的…...

深度学习习题2
1.如果增加神经网络的宽度,精确度会增加到一个特定阈值后,便开始降低。造成这一现象的可能原因是什么? A、即使增加卷积核的数量,只有少部分的核会被用作预测 B、当卷积核数量增加时,神经网络的预测能力会降低 C、当卷…...