开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果。自从微信小程序面世以来,不断有一些开源组件库出来,下面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、toptips 等组件或元素。

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

另外,zanui也使用 mpvue 重写 zanui-weapp,实现了其中所有组件。

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://www.imooc.com/article/47347
来源:慕课网
本文原创发布于慕课网 ,转载请注明出处,谢谢合作

5个受欢迎的微信小程序UI组件库相关推荐

  1. 小程序子组件向父组件传值_一套组件化、可复用、易扩展的微信小程序 UI 组件库...

    如何使用 Wux Weapp 是一套组件化.可复用.易扩展的微信小程序 UI 组件库.在开始使用之前,需要先阅读微信小程序自定义组件的相关文档. 通过 npm 安装,需要依赖小程序基础库 2.2.1 ...

  2. 当前最热门的微信小程序UI组件库

    1.WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progre ...

  3. 高颜值微信小程序 UI 组件库!

    Vant Weapp Vant 是一个轻量.可靠的移动端组件库,由有赞于 2017 年开源. Github(⭐️ 16.5k):github.com/youzan/vant- iView Weapp ...

  4. Wuss Weapp一款高质量,组件齐全,高自定义的微信小程序 UI 组件库

    Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 https://phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组 ...

  5. Wuss Weapp 微信小程序 UI 组件库

    Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组件示例 演示图片 ...

  6. Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库

    Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 https://phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组 ...

  7. 5个微信小程序UI组件库

    小程序UI组件库 WeUI WXSS iView WeApp Vant Weapp (原ZanUI WeApp) MinUi Wux WeApp 此文仅为便于自己查找 原文链接:https://www ...

  8. 6个最优秀的微信小程序UI组件库

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

  9. 小白如何上手几款微信小程序UI组件库

    文章目录 1. 环境信息 2. GO 2.1 新建项目 2.2 使用WeUI微信官方组件 2.21. 命令行进入该项目文件夹 2.22. npm初始化 2.23. npm安装该组件包 2.24.npm ...

最新文章

  1. 【Redis】缓存的三大问题及其解决方案
  2. Kaldi拜拜!PyTorch语音工具包SpeechBrain要来了,支持多种语音任务,实现最强水准...
  3. .Net Framework 4.0 中利用Task实现并行处理、串并行混合处理
  4. 【线上分享】华为云视频Cloud Native架构及工程实践
  5. wolive-在线客服系统源码_如何搭建在线客服系统?
  6. 使用Retrofit和RxJava
  7. 计算机or笔记本,笔记本or台式机?大学生第一个烦恼被它解决了
  8. android怎么换小米系统更新,miui8怎么更新 miui8更新升级方法汇总
  9. 【Python】 [基础] 条件判断 与 循环 与dict和set
  10. 游标中的static参数
  11. CodeForces 379 E New Year Tree Decorations
  12. 2008.10 井冈山-金秋 【律动音符篇】
  13. python实验项目_Python3实验 项目结构(文件操作)
  14. 宾夕法尼亚在线计算机硕士,申请访谈:宾夕法尼亚大学(Upenn)计算机科学(CS)的录取攻略...
  15. mongo 查询显示字段_MongoDB查询操作限制返回字段的方法
  16. Linux命令之sudo
  17. P-Called-Party-ID 头域的应用说明
  18. 计算机教程打字方法,技巧:打字指法和关键位置教程_IT /计算机_信息
  19. Bat脚本-timeout 命令
  20. vue富文本使用详解

热门文章

  1. Camera AE(自动曝光)原理与问题
  2. 四川大学计算机专业考研经验分析,四川大学
  3. oracle 日记帐审批,银行存款日记账登记与审核方法
  4. RFID标签有哪些好处
  5. 荣耀20青春版刷鸿蒙os,华为不忘老用户 5年前的华为手机也能升级鸿蒙OS 具体升级名单出炉...
  6. 《Activiti 深入BPM工作流 》--- 数据库表的命名规则是什么?
  7. 软件入门指南篇:51单片机
  8. ubuntu常见问题及解决方案——yr 不在 sudoers 文件中,此事将被报告,同时,su无法验证的解决办法
  9. ESP32S2 桌面时钟
  10. 百度优化系列之快速收录