uniapp开发移动端项目UI库建议

已于 2024-08-16 11:26:36 修改
阅读量1.1k 收藏 9
点赞数 9
文章标签： uni-app ui
于 2024-02-16 15:27:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51430102/article/details/136129192
版权
本文主要介绍了在uniapp项目中，开发者通常选择uview-ui和vant-ui/vant-weapp作为UI库，并特别提到uview2.x与Vue3和Vite的结合可能导致的错误，以及vant-ui专为微信小程序设计的兼容性优势。
摘要由CSDN通过智能技术生成

uniapp官网指南


大部分情况都是用 uview-ui和vant-ui/vant-weapp，根据项目要求选择UI库的版本
uview1.x — vue2 + vue-cli
uview2.x — vue3 + vite（因为uview2.x中有部分组件使用了某些uniapp官方新的API，而这些API又是uniapp 依赖 vue3的环境，所以运行后会报错，别问我为什么知道！！！）
vant-ui — app，移动端H5等
vant-weapp — vant官方为了兼容微信小程序专门开发的一套UI库。 微信小程序
uni-ui — 没有用过，但是uniapp官方自己的UI库，肯定是没什么兼容性问题

如果考虑开发一套代码发布多个端，本人推荐使用 uni-ui，
如果不满足需求，再去uniapp插件市场，找质量好的，兼容满足的组件

zhuà!
关注
uniapp使用ui库
TYD0313的博客
10-18 2393
uniapp使用uin-ui
贼好用的Uniapp的UI组件库Thor UI
weixin_68658847的博客
08-22 722
贼好用的Uniapp的UI组件库Thor UI
RuoYi v1.1.0基于UniApp开发的轻量级移动端框架
10-17
RuoYi APP 移动端框架，基于uniapp+uniui封装的一套基础模版，支持H5、APP、微信小程序、支付宝小程序等，实现了与RuoYi-Vue、RuoYi-Cloud后台完美对接。
uniapp到底用什么ui框架最合适-关于uni-app的ui库、ui框架、ui组件
商务合作 / 项目定制开发 / 前端一对一培训、答疑
12-05 8571
官方对组件的使用建议是： 1. 首先使用内置组件 2. 然后使用uni ui扩展组件 3. 其他需求依靠插件市场其他组件灵活补充
UniApp扩展组件uni-ui介绍
最新发布
行思理的博客
09-28 1363
uni-ui扩展组件是需要自己导入的，可以整包导入，也可以按需导入，扩展组件是内置组件的补充，让UniApp的组件更丰富，下面来具体介绍下
uniapp UI框架推荐
weixin_53932236的博客
05-08 973
更重要的是他向element ui一样有官网，可以直接在网页上看到手机展示效果，还有微信小程序uvui，直接能上手体验，这是网页。，可以看一下，右边的手机都是可以直接点击的，也就是说，你可以直接上手操作，看这个效果是否符合你的要求。，里面封装了包括HTTP请求，防抖节流、时间格式化这种基本上每个项目都会用到的小工具，感兴趣可以看看。，不仅支持v2,v3，支持多端，涵盖APP、网页、还有多个小程序。直接导入，导入后不需要什么配置，直接代码里面就可以使用，非常方便。事先声明，纯属因为好用推荐一下。
uniapp中使用uni-ui组件库
weixin_42289273的博客
07-11 643
【代码】uniapp中使用uni-ui组件库。
uniapp / uniapp x UI 组件库推荐大全
学而不思则罔,思而不学则殆
09-02 4735
uniapp 生态开发，第三方UI组件库整理分享。
Uniapp UI 组件库全解析
u011464172的专栏
06-18 4284
Uniapp 提供了丰富的 UI 组件库，帮助开发者快速构建跨平台应用。本文介绍了常用的基本组件和扩展组件，并提供了相应的示例代码。开发者可以通过学习这些组件，快速掌握 Uniapp 开发技巧，构建功能强大、体验良好的应用。
关于uni-app的ui库、ui框架、ui组件
热门推荐
細水、長流√的专栏
09-07 1万+
组件的概念 组件是现代开发的重要里程碑。组件重构了分工模型，让大量的轮子出现，让开发者可以拿来轮子直接用，大幅提升了整个产业的效率。 uni-app是有内置组件的。这和web开发不一样。 web开发基本上不用基础组件，都是找一个三方ui库，全套组件都包含。那是因为html的基础组件默认样式不适配手机风格。 但uni-app体系不是这样，内置组件就是为手机优化的。 但内置组件只能满足基础需求，更多场景，需要扩展组件。 扩展组件是基于内置组件的二次封装，从性能上来讲，扩展组件的性能略低于内置组件，所以开发
uniapp实现移动端上传文件功能
09-24
uniAPP，作为一个跨端开发框架，为开发者提供了便捷的方式来实现移动端的文件上传功能。下面，我们将详细探讨如何在uniAPP中实现这一功能。 首先，我们需要了解uniAPP的基础知识。uniAPP是由DCloud(北京嘀嗒出行...
uni-ui:基于uni-app的ui框架
03-30
uni-ui介绍 uni-ui产品特色 1.高效 目前为止，在小程序和混合应用领域，暂时还没有比uni-ui更高性能的框架。 自动差量更新数据 虽然uni-app支持小程序自定义组件，所有小程序的ui库都可以用。但小程序自定义组件的ui库都需要使用setData手动更新数据，在大数据量时，或高频更新数据时，很容易产生性能问题。 而Uni uni-ui属于vue组件，uni-app引擎会自动自动更新数据。当然实际上插件市场里众多vue组件都具有这个特点。 优化逻辑层和视图层通讯折损 非H5，不管是小程序还是App，不管是app的webview渲染还是原生渲染，全都是逻辑层和视图层分离的。这里就有一个逻辑层和视图层通讯的折损问题。动一个可跟手的组件，由于通讯的损耗，用js监听很难做到实时跟手。 这时就需要使用css动画以及平台整合提供的wxs，bindingx等技术。不过这些技术都比较复杂，所
基于uni-app开发的跨平台移动端UI 组件库兼容App-Nvue、App-vue、小程序
04-02
First UI 是一套基于uni-app开发的组件化、可复用、易扩展、低耦合的跨平台移动端UI 组件库。全面兼容App-Nvue、App-vue、小程序（微信、支付宝、百度、字节、QQ）、H5。文档地址：.zip
Uniapp开发 购物商城源码 在线电商商城源码 适配移动终端项目及各小程序
09-19
lilishop电商商城系统 商城移动端，使用Uniapp开发，可编译为所有移动终端项目及各小程序。 随着互联网技术的飞速发展，电子商务已经成为现代商业活动的重要组成部分。为了满足企业和个人对在线购物平台的需求，...
uniapp适用的移动端ui框架
08-19
对于UniApp开发的移动端应用，有许多适用的UI框架可供选择。以下是一些常见的UI框架： 1. Vant：Vant是一款基于Vue....这些都是常见的适用于UniApp开发的移动端UI框架，你可以根据项目需求和个人喜好选择合适的框架。
uniapp中使用的ui组件库
qq_43373622的博客
07-06 2723
uniapp中使用的ui组件vant weapp 官网 https://vant-contrib.gitee.io/vant-weapp/#/homeiView weapp 官网 https://weapp.iviewui.com/docs/guide/start
uniapp 使用UI组件库 （小白）
Gang-bb的博客
02-08 1万+
   最近在研究Uniapp，看了两个UI组件库，下面记下如何使用                          &...
Uni-app跟学笔记（五）：uni-ui组件库的使用、项目打包（小程序、h5、APP）
qq_63586399的博客
03-15 1570
同样在manifest.json中进行配置，基础配置到web配置之前都是App的配置，我们一个一个看。导入，再注册，然后直接uni-goods-nav引用即可。打印事件会发现,区分加入购物车和立即购买在于index。商品导航栏的(加入购物车/立即购买) 商品导航栏的(客服/店铺/购物车)基础配置，配置APP的基础描述信息。其他几个配置视情况而定。 商品底部导航栏。
uniapp是否可以用elementUI等前端UI库、使用步骤以及需要注意的问题
商务合作 / 项目定制开发 / 前端一对一培训、答疑
12-01 1万+
在PC端开发uniapp，可以用elementUI，因为elementUI就是PC端的。5、在HbuilderX中，启动该项目，并且在浏览器中打开，就可以看到如下效果了。在使用uniapp，选择vue2.0时，实测可以用nodejs16的版本。1、新建uniapp的默认模板（空白模板），创建时，选择。1、如果要支持微信小程序，那么可以尝试使用。中查找适合的ui组件、ui框架、开发模板。是无法跨多端使用的
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值