1.WeUI

WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库,
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

WeUI 在线预览
WeUI gitee地址
WeUI github地址

<1>.本地预览,快速获得样式

1.下载WeUI

2.用微信web开发者工具打开dist目录(请注意,是dist目录,不是整个项目)

  1. 需要什么组件,就copy什么组件,再根据需要修改

<2>.导入项目中使用

1.下载WeUI

2.导 weui.css 或 weui.min.css 入项目


接下来在需要使用WeUI组件的页面中导入wxss文件即可

@import '/weui.wxss';

更推荐在 app.wxss 全局导入

2.Vant Weapp


Vant Weapp 官网

Vant Weapp 官网有详细的文档资料

3.iView Weapp

一套高质量的
微信小程序 UI 组件库

iView Weapp 官网
iView Weapp 官网有详细的文档资料

4.Lin UI

Lin UI 致力于给小程序开发者提供愉悦的开发体验。
Lin UI 官网
Lin UI 官网有详细的文档资料

微信小程序 好用的UI组件库推荐相关推荐

  1. 微信小程序简易搭建之框架/组件库

    微信小程序简易搭建之框架/组件库 Vant weapp 下面看看如何导入 https://github.com/youzan/vant-weapp 使用教程: 1.下载后找到dist 2. 在你的项目 ...

  2. 《微信小程序-进阶篇》Lin-ui组件库源码分析-列表组件List(一)

    大家好,这是小程序系列的第二十篇文章,在这一个阶段,我们的目标是 由简单入手,逐渐的可以较为深入的了解组件化开发,从本文开始,将记录分享lin-ui的源码分析,期望通过对lin-ui源码的学习能加深组 ...

  3. 微信小程序的开发使用第三方组件库

    使用第三方组件库(以vant weapp为例) 初始化 右键单击miniprogram,选择在终端打开,输入命令npm init,以下的东西都可以默认(即回车即可). 在微信小程序开发工具中会多一个文 ...

  4. 在微信小程序里引入Vant Weapp组件库详细步骤

    1. 新建一个文件夹. 2. 使用微信开发者工具 选择一个模板(这里以javaScript 基础模板 为例) 选择完模板之后如下: 2. 右键打开终端:按如下步骤执行命令. ① npm init 解释 ...

  5. 微信小程序中使用Vant Weapp组件库

    介绍 Vant 是一个轻量.可靠的移动端组件库,于 2017 年开源. 目前 Vant 官方提供了 Vue 2 版本.Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序 ...

  6. 微信小程序基于mpvue的ui组件之选择器

    第一次自己开发组件,希望大家能够指出错误的地方或者改进的思路~ 先上图片 主页面 选中状态 返回结果 说明,该UI组件是为小程序而开发的,能够对传入的参数进行处理,最多加载四个选择器,最少一个 创建文 ...

  7. 微信小程序(五)--- Vant组件库,API Promise化,MboX全局数据共享,分包相关

    目录 一.npm包 1.Vant Weapp (1)安装Vant组件库 (2)使用Vant组件 (3)定制全局主题样式 2.API Promise化 (1)基于回调函数的异步API的缺点 (2)API ...

  8. 走进小程序【八】微信小程序中使用【Vant组件库】

    文章目录

  9. 微信小程序开源项目、UI框架、Demo整合

    微信小程序开源项目清单 有位大哥在github上放了个整合了很多优质的微信小程序开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给他个star. 另外,我参照祈 ...

  10. 微信小程序如何封装自己的组件?

    在现在前端领域,最常见的话语就是组件化.工程化的内容.所有的框架都在朝着这方面发展.作为前端生态中的新兴热人物小程序的出现,同样支持组件化开发. 在我们的日常开发中,可以封装一些常用的组件达到复用效果 ...

最新文章

  1. 4 OC 中的内存分配以及内存对齐
  2. ledisDB底层实现——本质上就是用leveldb这样的底层存储,和ssdb一样,meta里存的是hash、list等的元数据...
  3. php oracle新增数据类型,oracle数据类型
  4. [014]模板-模板实参推导
  5. chm editor
  6. php mysql某值相同时_php - Mysql3个字段,任何一个字段的值相同则为重复,语句应该怎么写?...
  7. mysql企业版功能列表_大型企业数据库服务首选,AliSQL这几大企业级功能你了解几个?...
  8. scipy.misc.imresize
  9. L1-023 输出GPLT (20 分) — 团体程序设计天梯赛
  10. linux登录用户who,Linux用户登录查看命令总结 - w,who,last,lastlog
  11. python绘图代码大全_python绘图代码总结
  12. 基于wincc的虚拟电梯设计_基于WinCC的电梯PLC控制仿真.doc
  13. react native之修改APP的名称和图标
  14. 使用Python将PDF转换成图片
  15. 盘点8个高效方法提高睾酮水平
  16. 拉链表断链、交叉链判断及处理方式
  17. 一键adb连接网易Mumu模拟器
  18. ucenter通信实现同步登录、同步退出(详细)
  19. Micro:bit - 功能引脚介绍
  20. 十二.作业难点(有IT大牛路过的可以帮我解答我的疑问?万分感谢)--转行的苦逼人...

热门文章

  1. 按计算机应用领域来分 电子邮件属于,计算机考试题库和答案.doc
  2. PhpQuery PHP操作HTML类,PHP操作XML类,PHP操作Dom类
  3. 互联网财富管理平台应该怎么做?(下篇)
  4. python 生成式 生成器
  5. java 定时调用api_java定时任务接口ScheduledExecutorService
  6. 图像处理-RGB24转YUV420遇到的坑以及执行效率对比
  7. Python大佬用20行代码带你打造一个微信聊天机器人(附代码)
  8. Android颜色选择器
  9. 设计模式23模式介绍
  10. 人在职场,身不由己?