uniapp组件库总结笔记

本文将介绍10款uniapp常用组件库，大家可以根据项目的具体需求和团队的技术栈，选择适合的组件库能够显著提升开发效率和用户体验。

Vant：Vant 是一个基于 Vue.js 和 WeUI 的移动端组件库，提供了丰富的 UI 组件，包括按钮、表单、弹窗、导航、轮播等等。Vant 具有易用性和良好的性能，在 UniApp 中广泛应用。uView UI：uView UI 是一款专为 Vue.js 开发的跨平台 UI 组件库，在 UniApp 中同样适用。它提供了一系列精美的组件和丰富的功能，如视图容器、表单、图标、工具类等，同时还支持自定义主题和多语言切换。

uniapp 生态开发，第三方UI组件库整理分享。

uniapp里面的一个UI组件库 https://ext.dcloud.net.cn/plugin?id=239 这是一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值，高度自定义的Css组件库 使用教程 项目里好多地方都用的到这个UI组件 今天记录一个ColorUI-UniApp的使用和实现循环卡片效果。 1:从github上下载 https://github.com/weilanwl/ColorUI 2：将ColorUI-UniApp里面的文件夹colorui导入自己的项目 3：打开App.

组件是vue技术中非常重要的部分，组件使得与ui相关的轮子可以方便的制造和共享，进而使得vue使用者的开发效率大幅提升，在项目的component目录下存放组件，uni-app只支持vue单文件组件（.vue 组件）main.js 进行全局引入//引入组件//调用app.component方法全局注册组件return {app通过uni-app的easycom： 将组件引入精简为一步。

uniapp 学习笔记四 组件使用和参数传递事件触发。组件 test-my-comp.vue。

FirstUI(https://www.firstui.cn/)是一套超高性能、超高颜值的移动端UI综合解决方案，包含业内顶尖的组件库、强大的功能库、丰富精美的模板库，提供uni-app(完美支持nvue)、微信小程序版本，兼顾高效率与高性能，让您的app、小程序开发获得百倍提质提速！ 120+款组件领跑业界，性能和设计感都很棒，真正的移动端宝藏组件库！ 现在有微信小程序版、uniapp版两个版本，近期更新到了1.7.0，完美支持vue3。

【代码】uniapp中使用uni-ui组件库。

小程序在用户规模及商业化方面都取得了极大的成功。截至2021年12月，微信小程序日活超过4.5亿，支付宝、百度、头条小程序的月活也都超过了3亿。对应小程序开发领域，开发框架从单纯的微信小程序开发过渡到多端框架成为标配，进一步提升开发效率成为开发者的强烈需求。

uniapp中使用的ui组件vant weapp 官网 https://vant-contrib.gitee.io/vant-weapp/#/homeiView weapp 官网 https://weapp.iviewui.com/docs/guide/start

Uniapp 提供了丰富的 UI 组件库，帮助开发者快速构建跨平台应用。本文介绍了常用的基本组件和扩展组件，并提供了相应的示例代码。开发者可以通过学习这些组件，快速掌握 Uniapp 开发技巧，构建功能强大、体验良好的应用。

​基础功能：优先使用内置组件（如 scroll-view 区域滚动），确保跨端兼容性。​复杂交互：选择 uni-ui 或 uView 减少重复开发，例如表格渲染、复杂表单。​定制需求：通过自定义组件封装业务逻辑，如实现拖拽缩放视图（参考 movable-view 组件）。

在写uniapp项目时候，官方所推荐的样式库并不能满足日常的需求，也不可能自己去写相应的样式，费时又费力，所以我们一般会去使用第三方的组件库UI，就像vue里我们所熟悉的elementUI组件库一样的道理，在uniapp中我们所使用的组件库是uView。

官方对组件的使用建议是： 1. 首先使用内置组件 2. 然后使用uni ui扩展组件 3. 其他需求依靠插件市场其他组件灵活补充

安装sass-loader（使用低于@11.0.0版本，sass-[email protected]不支持[email protected]）：npm i sass-[email protected] -D 或者 yarn add sass-[email protected] -D。uni组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。：传统vue组件，需要安装、引用、注册三个步骤后才能使用组件，