当前位置: 首页 > news >正文

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 冯-诺依曼体系结构 我们现在所使用的计算机就是冯-诺依曼体系结构。 存储器就是内存。 由下图可知,寄存器最快,为啥不用寄存器呢? 因为越快价格就最贵,冯诺依曼体系结构的诞生&#xf…...

本地化deepseek

小白都能拥有自己的人工智能 1、我本地环境 系统:win10 cpu:i7(i7-12700),差不多就行 硬盘:500G+2T,可以不用这么大 显卡:七彩虹2060 12G ,够用了 我的配置最高也只能配上8B了, R1模型版本CPUGPU内存存储8B Intel Core i7/AMD Ryzen 7 及以上 无强制要求,有 4…...

利用可变参数模板,可打印任意参数和参数值。(C++很好的调式函数)

很酷的应用&#xff1a; &#xff08;1&#xff09; 如何获取可变参数名 代码例子&#xff1a; #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采用多线程架构&#xff0c;线程分为两类&#xff1a; • 工作线程&#xff08;Worker Threads&#xff09;&#xff1a;每个客户端连接到数据库实例时&#xff0c;会创建一个工作线程。工作线程负责处理客户端的SQL请求&#xff0c;执…...

测试工程师Deepseek实战之如何反向PUA它

问: 你是一名资深测试开发工程师 帮我设计一个提效工具&#xff0c;具有以下功能&#xff1a; 1.页面使用PYQT5设计&#xff0c;用两个输入控件&#xff0c;最好是日期类型的控件&#xff0c;第一个日期控件作为开始日期&#xff0c;第二个日期控件作为结束日期&#xff1b;前后…...

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 并配置好环境变量 注&#xff1a;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解释器了...

定时任务框架

常用定时任务框架 JDK 自带的 ScheduledExecutorService 适用于轻量级定时任务&#xff0c;基于线程池实现。API 简单&#xff0c;适用于小规模任务调度。 Quartz 强大的 Java 任务调度框架&#xff0c;支持 Cron 表达式、分布式集群、持久化等。适用于复杂调度场景&#xff0…...

ESP32S3读取数字麦克风INMP441的音频数据

ESP32S3 与 INMP441 麦克风模块的集成通常涉及使用 I2S 接口进行数字音频数据的传输。INMP441 是一款高性能的数字麦克风&#xff0c;它通过 I2S 接口输出音频数据。在 Arduino 环境中&#xff0c;ESP32S3 的开发通常使用 ESP-IDF&#xff08;Espressif IoT Development Framew…...

利用后缀表达式构造表达式二叉树的方法

后缀表达式&#xff08;逆波兰表达式&#xff09;是一种将运算符放在操作数之后的表达式表示法。利用后缀表达式构造表达式二叉树的方法主要依赖于栈结构。 转换步骤 初始化 创建一个空栈。 遍历后缀表达式 对后缀表达式的每个符号依次处理&#xff1a; 遇到操作数 如果当前符…...

使用express创建服务器保存数据到mysql

创建数据库和表结构 CREATE DATABASE collect;USE collect;CREATE TABLE info (id int(11) NOT NULL AUTO_INCREMENT,create_date bigint(20) DEFAULT NULL COMMENT 时间,type varchar(20) DEFAULT NULL COMMENT 数据分类,text_value text COMMENT 内容,PRIMARY KEY (id) ) EN…...

YOLOv12本地部署教程——42%速度提升,让高效目标检测触手可及

YOLOv12 是“你只看一次”&#xff08;You Only Look Once, YOLO&#xff09;系列的最新版本&#xff0c;于 2025 年 2 月发布。它引入了注意力机制&#xff0c;提升了检测精度&#xff0c;同时保持了高效的实时性能。在保持速度的同时&#xff0c;显著提升了检测精度。例如&am…...

SQLAlchemy系列教程:如何防止SQL注入

SQL注入是一种常见的安全漏洞&#xff0c;它允许攻击者通过应用程序的SQL查询操纵数据库。使用ORM工具&#xff08;如SQLAlchemy&#xff09;提供的内置功能可以帮助减轻这些风险。本教程将指导您完成保护SQLAlchemy查询的实践。 了解SQL注入 当攻击者能够通过用户输入插入或操…...

1. 树莓派上配置机器人环境(具身智能机器人套件)

1. 安装树莓派系统 镜像下载地址&#xff08;windows/Mac/Ubuntu)&#xff0c;安装Pi5. 2. 环境配置&#xff08;登录Pi系统&#xff09; 2.1 启用 SSH From the Preferences menu, launch Raspberry Pi Configuration. Navigate to the Interfaces tab. Select Enable…...

基于SpringBoot的智慧停车场小程序(源码+论文+部署教程)

运行环境 • 前端&#xff1a;小程序 Vue • 后端&#xff1a;Java • IDE工具&#xff1a;IDEA&#xff08;可自行选择&#xff09; HBuilderX 微信开发者工具 • 技术栈&#xff1a;小程序 SpringBoot Vue MySQL 主要功能 智慧停车场微信小程序主要包含小程序端和…...

【从零开始学习计算机科学】数字逻辑(九)有限状态机

【从零开始学习计算机科学】数字逻辑(九)有限状态机 有限状态机状态机的表示方法有限状态机的Verilog描述有限状态机 有限状态机(简称状态机)相当于一个控制器,它将一项功能的完成分解为若干步,每一步对应于二进制的一个状态,通过预先设计的顺序在各状态之间进行转换,状…...

HarmonyOS Next~鸿蒙系统ArkCompiler跨平台编译技术的革新实践

HarmonyOS Next~鸿蒙系统ArkCompiler跨平台编译技术的革新实践 引言 在万物互联时代&#xff0c;操作系统对编译技术的需求已从单纯的代码转换演变为跨设备协同、高效资源调度与极致性能优化的综合挑战。华为鸿蒙系统&#xff08;HarmonyOS&#xff09;自主研发的ArkCompiler…...