当前位置: 首页 > 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解释器了...

应用升级/灾备测试时使用guarantee 闪回点迅速回退

1.场景 应用要升级,当升级失败时,数据库回退到升级前. 要测试系统,测试完成后,数据库要回退到测试前。 相对于RMAN恢复需要很长时间&#xff0c; 数据库闪回只需要几分钟。 2.技术实现 数据库设置 2个db_recovery参数 创建guarantee闪回点&#xff0c;不需要开启数据库闪回。…...

uniapp微信小程序视频实时流+pc端预览方案

方案类型技术实现是否免费优点缺点适用场景延迟范围开发复杂度​WebSocket图片帧​定时拍照Base64传输✅ 完全免费无需服务器 纯前端实现高延迟高流量 帧率极低个人demo测试 超低频监控500ms-2s⭐⭐​RTMP推流​TRTC/即构SDK推流❌ 付费方案 &#xff08;部分有免费额度&#x…...

三体问题详解

从物理学角度&#xff0c;三体问题之所以不稳定&#xff0c;是因为三个天体在万有引力作用下相互作用&#xff0c;形成一个非线性耦合系统。我们可以从牛顿经典力学出发&#xff0c;列出具体的运动方程&#xff0c;并说明为何这个系统本质上是混沌的&#xff0c;无法得到一般解…...

Java面试专项一-准备篇

一、企业简历筛选规则 一般企业的简历筛选流程&#xff1a;首先由HR先筛选一部分简历后&#xff0c;在将简历给到对应的项目负责人后再进行下一步的操作。 HR如何筛选简历 例如&#xff1a;Boss直聘&#xff08;招聘方平台&#xff09; 直接按照条件进行筛选 例如&#xff1a…...

大学生职业发展与就业创业指导教学评价

这里是引用 作为软工2203/2204班的学生&#xff0c;我们非常感谢您在《大学生职业发展与就业创业指导》课程中的悉心教导。这门课程对我们即将面临实习和就业的工科学生来说至关重要&#xff0c;而您认真负责的教学态度&#xff0c;让课程的每一部分都充满了实用价值。 尤其让我…...

智能分布式爬虫的数据处理流水线优化:基于深度强化学习的数据质量控制

在数字化浪潮席卷全球的今天&#xff0c;数据已成为企业和研究机构的核心资产。智能分布式爬虫作为高效的数据采集工具&#xff0c;在大规模数据获取中发挥着关键作用。然而&#xff0c;传统的数据处理流水线在面对复杂多变的网络环境和海量异构数据时&#xff0c;常出现数据质…...

JVM虚拟机:内存结构、垃圾回收、性能优化

1、JVM虚拟机的简介 Java 虚拟机(Java Virtual Machine 简称:JVM)是运行所有 Java 程序的抽象计算机,是 Java 语言的运行环境,实现了 Java 程序的跨平台特性。JVM 屏蔽了与具体操作系统平台相关的信息,使得 Java 程序只需生成在 JVM 上运行的目标代码(字节码),就可以…...

scikit-learn机器学习

# 同时添加如下代码, 这样每次环境(kernel)启动的时候只要运行下方代码即可: # Also add the following code, # so that every time the environment (kernel) starts, # just run the following code: import sys sys.path.append(/home/aistudio/external-libraries)机…...

接口自动化测试:HttpRunner基础

相关文档 HttpRunner V3.x中文文档 HttpRunner 用户指南 使用HttpRunner 3.x实现接口自动化测试 HttpRunner介绍 HttpRunner 是一个开源的 API 测试工具&#xff0c;支持 HTTP(S)/HTTP2/WebSocket/RPC 等网络协议&#xff0c;涵盖接口测试、性能测试、数字体验监测等测试类型…...

适应性Java用于现代 API:REST、GraphQL 和事件驱动

在快速发展的软件开发领域&#xff0c;REST、GraphQL 和事件驱动架构等新的 API 标准对于构建可扩展、高效的系统至关重要。Java 在现代 API 方面以其在企业应用中的稳定性而闻名&#xff0c;不断适应这些现代范式的需求。随着不断发展的生态系统&#xff0c;Java 在现代 API 方…...