微信小程序常见的UI框架/组件库总结

作者 : 开心源码 本文共1238个字,预计阅读时间需要4分钟 发布时间: 2022-05-11 共64人阅读

想要开发出一套高质量的小程序,运使用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小程序也渐渐升级,其中不乏少量优秀好使用的框架/组件库。

1:WeUI 小程序–用教程

https://weui.io/

官方详情:WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令使用户的用感知更加统一。小程序开发中最常使用到的一款框架,受广大开发人员的欢迎。

图片.png

2:美团小程序框架mpvue

Github: Meituan-Dianping/mpvue
官网: http://mpvue.com/

官方详情:mpvue是一个用 Vue.js开发小程序的前台框架。框架基于 Vue.js核心,mpvue修改了 Vue.js的 runtime和 compiler实现,使其能运行在小程序环境中,从而为小程序开发引入了整套Vue.js开发体验。

图片.png

3:组件化开发框架wepy

Github地址:
Tencent/wepy
官网地址:
https://tencent.github.io/wepy

官方详情:组件化开发,完美处理组件隔离,组件嵌套,组件通信等问题,支持用第三方 npm 资源,自动解决 npm 资源之间的依赖关系,完美兼容所有无平台依赖的 npm 资源包.

图片.png

4:官方框架MINA

地址:https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html

官方详情:框架提供了自己的视图层形容语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,能让开发者能方便的聚焦于数据与逻辑上。

图片.png

5:Tina.js 一款轻巧的渐进式微信小程序框架

Tina.js 开源框架地址: tinajs/tina

官方详情:是一款轻巧的渐进式微信小程序框架,保留 MINA (微信小程序官方框架) 的大部分 API 设计;无论你有无小程序开发经验,都能轻松过渡上手。

图片.png

6:前台框架weweb

地址: wdfe/weweb

官方详情:weweb是一个兼容小程序语法的前台框架,你能使用小程序的写法,来写web应使用。假如你已经有小程序了,通过它你能将你的小程序运行在浏览器中。

7:微信UI组件库 iView Weapp

https://weapp.iviewui.com/

详情:iView Weapp 提供了与 iView 一致的 UI 和尽可可以相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。

图片.png

8:ZanUI-WeApp — 一个颜值高、好使用、易扩展的微信小程序 UI 库

https://cnodejs.org/topic/589d625a5c8036f7019e7a4a

官方详情:ZanUI-WeApp结合了微信的视觉规范,为使用户提供更加统一的用感受。 包含 badge、btn、等共计 17 类组件或者元素。

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 微信小程序常见的UI框架/组件库总结

发表回复