5个最优秀的微信小程序UI组件库

作者: 一斤代码 | 来源:发表于2018-07-26 22:06 被阅读377次

    开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果。自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库。还没用到它们的你,可以关注和了解一下哦!

    WeUI WXSS

    WeUI WXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。

    GitHub地址:https://github.com/Tencent/weui-wxss
    npm下载:npm i weui-wxss

    iView WeApp

    iView是TalkingData发布的一款高质量的基于Vue.js组件库,而iView weapp则是它们的小程序版本。

    GitHub地址:https://github.com/TalkingData/iview-weapp
    npm下载:npm i iview-weapp

    ZanUI WeApp

    ZanUI WeApp是有赞移动 Web UI 规范 ZanUI 的小程序实现版本,结合了微信的视觉规范,为用户提供更加统一的使用感受。

    现已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、tooltips 等组件或元素。

    GitHub地址:https://github.com/youzan/zanui-weapp
    npm下载:npm i zanui-weapp

    另外,ZanUI也使用mpvue重写了zanui-weapp,实现了其中所有组件,为使用mpvue的开发者提供了方便。

    GitHub地址:https://github.com/samwang1027/mpvue-zanui
    npm下载:npm i mpvue-zanui

    MinUI

    MinUI 是蘑菇街前端开发团队开发的基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架,各种小程序组件主流框架等,并且提供了专门的命令行工具。

    GitHub地址:https://github.com/meili/minui

    Wux WeApp

    Wux WeApp也是一个非常不错的微信小程序自定义 UI 组件库,组件比较丰富,值得使用。

    GitHub地址:https://github.com/wux-weapp/wux-weapp
    npm下载:npm i wux-weapp

    相关文章

      网友评论

      • 文晓港:https://github.com/weilanwl/ColorUI 给自己打个广告,自己写的组件库
        watson:颜值确实很高, 加油
        文晓港:@johnyyc 新版开发中notice这些都有
        7d356af0034c:兄dei,你这套库真心不错,期待继续完善。现在好像没看到滚动的notice之类的东东。
        另外感觉弹出的对话框有些另类:)
      • Leo0828:假如我要使用btn组件,我得在每个页面的main.json配置usingComponents?没有全局引入的方法吗?
        Leo0828:@一斤代码 我最初的想法是在app.json进行全局配置,但是好像并没有用,我看到你之前提过可以把app.json的配置放到main.js(但是好像目前最新版不行了),那么是不是可以通过main.js进行全局的配置(降版本)
        一斤代码:很不幸,小程序本身不支持。。。
      • 子武不是字母:我在mpvue引用Vant Weapp,报错,例如module "static/vant/notify/index.js" is not defined
        Error: module "static/vant/notify/index.js" is not defined ,请问是我配置错了,还是mpvue不支持,谢谢
        一斤代码:路径写法不对
      • 儿子叫啥名:大佬,可以介绍一下如何引用iview-weapp么?
      • 智炜呀:mpvue 可以引入什么ui库?
      • 回不是去:你好,我想问下我再项目中npm i mpvue-zanui安装完依赖只能使用引用样式不能引用组件吗?
        回不是去:@一斤代码 mpvue里面使用第三方UI框架引用问题好像都不太友好
        回不是去:@一斤代码是的
        一斤代码:你是mpvue的小程序项目么?

      本文标题:5个最优秀的微信小程序UI组件库

      本文链接:https://www.haomeiwen.com/subject/bljimftx.html