精品推荐:微信小程序常见的UI框架/组件库

纯洁的微笑 2018-07-05 14:14:15 ⋅ 120 阅读

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


1:WeUI  小程序–使用教程


https://weui.io/


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



2:美团小程序框架mpvue


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


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



3:组件化开发框架wepy


Github地址:
https://github.com/Tencent/wepy

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


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



4:官方框架MINA


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


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



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


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


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



6:前端框架weweb


地址: https://github.com/wdfe/weweb


官方介绍:weweb是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写web应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。


7:微信UI组件库 iView Weapp


https://weapp.iviewui.com/


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



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


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


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


文章来源

原文作者:祈澈姑娘

公众号:  编程微刊


更多精彩内容请关注“IT实战联盟”哦~~~



全部评论: 0

    我有话说:

    程序电商实战-首页(上)

    上一篇:程序电商实战-入门篇 嗨,大家好!经过近两周精心准备终于开始程序电商实战之路喽。那么最终会做成什么样呢?好了,不啰嗦了 我们先看首页长什么样吧!   首页效果图

    程序-ImagewidthFix属性和rpm尺寸使用

    在做程序商品详情页,商品详情是图片集合,渲染完成后发现图片加载很不自然

    程序商城(一):https框架搭建并实现导航功能

    本文将带领大家搭建https程序框架,并实现动态获取数据展示效果!

    程序抖音实战-首页(上)

    你也可以用程序编写一个抖音

    程序实现商品数量加减

    这是一个用程序原生代码实现数量加减demo,主要是用于商品购物车或者商品详情修改数量使用

    程序电商实战-商品列表流式布局

    今天给大家分享一下程序中商品列表流式布局方式,根据文章内容操作就可以看到效果哦~~~

    程序实战篇:如何解决https域名问题 ?

    开发自己程序绕不开https问题,为了能在程序中调用我们自己API服务请打开看一看吧!!!

    程序商城(七):动态API实现商品分类

    程序商品分类页面布局并且调用动态API获取数据并加载

    程序 - iconfont 图标字体

    你还在使用图片作为程序图标?大猪告诉大家如何在程序上使用iconfont字体图标

    程序电商实战-首页(下)

    上一篇:程序电商实战-首页(上)好了,上一期我们把首页搜索、导航栏和广告轮播给做完了,那么接下来会继续

    程序实战篇:基于wxcharts.js绘制移动报表

    程序图表插件(wx-charts)是基于canvas绘制,体积巧,支持图表类型饼图、线图、柱状图 ......

    程序实战篇:商品属性联动选择(案例)

    本期程序实战篇来做一个电商网站经常用到-商品属性联动选择效果,素材参考了一点点

    程序商城(九):授权并实现个人中心页面页面

    实现商城授权并获取用户信息和个人中心页面布局

    程序电商实战-购物车(上)

    好久没更新程序电商实战文章了,是因为最近一直做整体架构调整,一些准备工作也是比较耗费时间。在这几天将会有新版 程序电商教程推出.......

    程序电商实战-商品详情(上)

    先看一下今天要实现程序商品详情页吧!

    程序抖音实战-首页(下)

    抖音程序首页动态数据获取

    程序电商实战-入门篇

    程序开发工具有新版本更新啦!开发体验更好了,接下来一起为电商程序做一下准备前期准备工作~~

    程序实战篇:程序之页面数据传递

    我们在写程序时候经常会遇到子页面向主页面回传数据或者普通页面跳转到tabBar 页面携带数......