微信小程序> 小程序ui组件-推荐微信小程序常用的几个UI组件库-小程序ui

小程序ui组件-推荐微信小程序常用的几个UI组件库-小程序ui

浏览量:2177 时间: 来源:丿旧时光灬鑫

1.在微信小程序开发的过程中,自己不借助UI组件库开发出来的页面,不但要花费更多的时间,页面的美观度上也有一定差距。

2.所以在这里我给大家推荐几个好看,常用的几个UI组件库。

WeUI

3.WeUI是微信官方出品的组件库,它沿用了微信的视觉设计与交互设计,提供了各类原生组件的基础样式,风格简约大方。选用这一套组件库,可以让你的小程序与微信本身保持一致的界面风格。

4.

5.

6.官方组件库能够满足基础的界面需求,但是,如果你想要更加饱满的视觉,更加活泼的动效,恐怕WeUI就满足不了你的需要了。

7.GitHub地址:https://github.com/Tencent/weui

ColorUI组件库

8.ColorUI是由文晓港发布的高颜值组件库,侧重于视觉交互。比起WeUI的低调克制,ColorUI色彩鲜亮,样式繁多。除了拥有非常丰富的原生组件的自定义样式,它还提供一些常见的页面元素,比如时间轴、步骤条、聊天页、模态窗口等等。

9.

10.ColorUI给大家提供了高度自定义的组件,一些比较麻烦的样式,开发者只需调用其组件就能得以实现。不过,ColorUI也不是万能的,比如,它尚未涉及购物类小程序所需的组件。

11.GitHub地址:https://github.com/weilanwl/ColorUI

12.

Vant组件库演示

13.Vant是由有赞发布的,轻量的小程序UI组件库。如果你想制作一款电商、餐饮、外卖平台、票务预订等购物类小程序,选用Vant是较为合适的。为什么这么说呢?

14.

15.首先,我们来看「业务组件」这一块。可以看到,「商品卡片」与「提交订单栏」两个组件可以构成一个基本的「购物车」页面;而「商品卡片」与「商品导航」二者又可以组成一个简单的商店页面。

16.对开发者非常友好,文档可以说是事无巨细了,而且在文档右侧,还可以预览样式哦。

17.开发文档:https://youzan.github.io/vant-weapp/#/introGitHub地址:https://github.com/youzan/vant-weapp

18.

iViewUI

19.iViewUI是由TalkingData发布的组件库。作为一款好用的组件库,布局、面板、列表、表单、顶部导航栏、底部导航栏等组件当然必不可少,那么iViewUI除了具备这些标配的组件,还有哪些亮点呢?

20.

21.iViewUI同样有详细的文档,但是不支持网页预览,只能打开小程序预览。

22.开发文档:https://weapp.iviewui.com/docs/guide/startGitHub地址:https://github.com/TalkingData/iview-weapp

23.

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎