uni-app框架看这五款组件库就够了

这篇具有很好参考价值的文章主要介绍了uni-app框架看这五款组件库就够了。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

uni-app的生态比较丰富,有自己的插件市场,蛮多开发者都推出了自己的组件库产品,下面整理罗列一部分,供大家开发时参考选择。

一、FirstUI

FirstUI 组件库 - DCloud 插件市场,https://ext.dcloud.net.cn/plugin?id=7646

首推自家的产品应该不过分吧,不避嫌了,哈哈。

FirstUI(https://www.firstui.cn/)是一套超高性能、超高颜值的移动端UI综合解决方案,包含业内顶尖的组件库、强大的功能库、丰富精美的模板库,提供uni-app(完美支持nvue)、微信小程序版本,兼顾高效率与高性能,让您的app、小程序开发获得百倍提质提速!

120+款组件领跑业界,性能和设计感都很棒,真正的移动端宝藏组件库! 现在有微信小程序版、uniapp版两个版本,近期更新到了1.7.0,完美支持vue3。

二、uView

uView2.0重磅发布,利剑出鞘,一统江湖,https://ext.dcloud.net.cn/plugin?id=1593

uView是一款知名的开源组件库,里面的组件比较丰富,重点是开源,作者也很有情怀,大家可以关注。

三、ThorUI

ThorUI组件库 - DCloud 插件市场,https://ext.dcloud.net.cn/plugin?id=556

ThorUI比较低调,但是出品确实是不错,组件的完整度也比较高,还是可以推荐的。

四、ColorUI

ColorUI-UniApp - DCloud 插件市场,https://ext.dcloud.net.cn/plugin?id=239

ColorUI严格来讲是个css库。有一说一,ColorUI的颜值很高,作者是设计出身,比较给力。可惜好久不更新了,可酌情选用。

五、GraceUI

GraceUI没有在插件市场上架,不过在社区宣传的比较多,做的也比较久了。作者后端能力比较扎实,GraceUI的组件也比较丰富。

其实市场上还有蛮多组件库产品的,不过有这几款应该够用了,选择太多不是什么好事,也会伴随着坑。

祝大家食用愉快,还是优先使用FirstUI,哈哈!文章来源地址https://www.toymoban.com/news/detail-788288.html

到了这里,关于uni-app框架看这五款组件库就够了的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app的组件(二)

    多项选择器checkbox-group 多项选择器,内部由多个 checkbox 组成。 属性说明(查看更多属性请查看官网 [swiper | uni-app官网 (dcloud.net.cn)](https://uniapp.dcloud.net.cn/component/swiper.html) ) 属性名 类型 默认值 说明 checked Boolean false 当前是否选中,可用来设置默认选中 disabled Boolean false 是否

    2024年01月18日
    浏览(33)
  • uni-app的组件(一)

    scroll-view 可滚动视图区域。用于区域滚动 属性说明(查看更多属性请查看官网 [swiper | uni-app官网 (dcloud.net.cn)](https://uniapp.dcloud.net.cn/component/swiper.html) ) 属性名 类型 默认值 说明 scroll-y Boolean false 允许纵向滚动 scroll-top Number/String 设置竖向滚动条位置 @scroll EventHandle 滚动时触

    2024年01月16日
    浏览(33)
  • uni-app如何使用组件

    使用组件是uni-app的常见操作之一。以下是使用组件的步骤: 在uni-app项目中创建组件。 可以通过在components文件夹中创建一个.vue文件来创建组件。 也可以通过在HBuilderX中使用模板或向导来创建组件。 在需要使用组件的页面或组件中引入组件。 可以使用import导入组件,例如:

    2024年02月13日
    浏览(34)
  • uni-app tabbar组件

    锋哥原创的uni-app视频教程: 2023版uniapp从入门到上天视频教程(Java后端无废话版),火爆更新中..._哔哩哔哩_bilibili 2023版uniapp从入门到上天视频教程(Java后端无废话版),火爆更新中...共计23条视频,包括:第1讲 uni-app简介、第2讲 uni-app环境搭建、第3讲 uni-app之HelloWorld实现等,

    2024年02月04日
    浏览(33)
  • Uni-App开发框架介绍

    Uni-App是一家公司(DCloud)产品,公司承诺将一直开源且免费。 公司旗下有4个产品: HBuilder X:开发工具 uni-app:跨平台统一框架 uniCloud:云服务提供商 uniMPsdk:Mobile端sdk,用于接入uni-app开发的模块 主要盈利方式是uni-ad(广告业务)和unicloud(云服务商) 一次编写,多端运行 小程

    2024年02月12日
    浏览(40)
  • uni-app扩展组件(uni-ui)

    目录 数字角标(uni-badge) 代码示例: 面包屑(uni-breadcrumb) 代码示例: 日历 代码示例 卡片(uni-card) 代码示例 倒计时(uni-countdown) 更多内容请访问官网 数字角标一般和其它控件(列表、9宫格等)配合使用,用于进行数量提示,默认为实心灰色背景。 使用方式是在HBuilder中创建项目

    2024年02月15日
    浏览(40)
  • uni-app引入地图map组件--APP开发

    需求场景:使用uni-app地图组件,实现APP开发 开发环境:Mac,HbuildX3.4.14 测试环境:iOS真机调试 一、流程 1、关于Uini-app的map组件:官方文档说明。map组件是原生组件,目前只针对原生APP开发,因此通过app-nvue实现,同时选择的地图服务商只能是高德地图。 2、创建高德地图应用

    2024年02月15日
    浏览(46)
  • 【uni-app】通过uni-app基础组件picker实现选择日期、时间的功能示例(完整代码+图文)

    一、获取日期(基础) 二、获取日期和时间(改进)  

    2024年02月11日
    浏览(30)
  • 《uni-app》表单组件-Button按钮

    本文分享的button组件为uni-app的内置组件button,非扩展组件,两者在用法上其实大同小异,只是扩展组件的属性更多…没有本质上的区别~ Button,按钮,图形化界面基础组件之一,常用于响应用户的点击事件、触发业务逻辑操作时使用; 按钮基础用法如下: 在基础用法下,

    2024年02月02日
    浏览(32)
  • uni-app组件封装基本知识

            小写字母,单词用“ - ”链接例如(bj-item ) , 目录名称和文件名保持一致,官方默认把“ uni- ”开头的 组件全局挂载,不是这种格式的组件需要局部挂载。 1 、“ uni- ”开头的组件官方默认全局挂载  2、组件使用 随着Hbuilder的升级,现在组件统一放到uni_module

    2023年04月08日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包