想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小程序也渐渐更新,其中不乏一些优秀好用的框架/组件库。
官方介绍:WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。小程序开发中最常用到的一款框架,受广大开发人员的欢迎。
官方介绍:mpvue是一个使用 Vue.js开发小程序的前端框架。框架基于 Vue.js核心,mpvue修改了 Vue.js的 runtime和 compiler实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套Vue.js开发体验。
2017年微信小程序发布开始,我就开始接触和学习微信小程序,看着小程序不断的更新迭代,功能越来越丰富,在这过程中,开发过商城小程序、停车扫码计费小程序、工具打卡小程序、流量主小程序等等,现在也有自己盈利的产品,对于开发也有了一点点经验给大家。
TouchUI-WX是一套完全免费的微信小程序开发框架,包含丰富的UI控件用于官方组件的补充,并扩展了小程序很多其他能力。
兼容阿里的iconfont图标库,海量矢量图标随意使用;补充了常用样式库、支持less语法、支持全局配置主题色等
四文件方式改为单文件方式,通过VSCode编辑器+插件的方式开发,拥有web开发体验;
可以与H5开发框架TouchUI工程相互转换,发布成webApp。开发一套代码,拥有两套应用。
微信小程序有多种UI框架可供开发者选择,这些框架提供了丰富的组件和工具,以帮助开发者快速构建高质量的用户界面。以下是一些较为流行和广泛使用的微信小程序UI框架:
这个是 CSS 框架,非 JS 框架,主要是页面设计、交互体验。ColorUI是一个css库,在你引入样式后可以根据class来调用组件,一些含有交互的操作也有简单写,可以为你开发提供一些思路。
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架,各种小程序组件主流框架等,并且提供了专门的命令行工具.
Wux Weapp是一套组件化、可复用、易扩展的微信小程序 UI 组件库。UI样式可配置,拓展灵活,轻松适应不同的设计风
WeUI 组件库,是一套基于样式库 weui-wxss 开发的小程序扩展组件库,同微信原生视觉体验一致的 UI 组件库,由微信官方设计团队和小程序团队为微信小程序量身设计,令用户的使用感知更加统一。
WeUI 组件库提供了在多个小程序中都会反复用到的 UI 组件,包含基础、表单、操作反馈、导航、搜索等组件,在进行小程序开发时可以直接引入和调用,减少不必要的重复劳动。
在具体的设计执行层面,微信团队也提供了一套可供 Web 设计和小程序使用的基础控件库,不过这个组件库文件为sketch 格式,如果你使用的是 Windows 或 Linux 设备,在不安装黑苹果的情况下,是无法打开这个文件的。
对于这个问题,最直接的方法是换到 Mac 电脑,不过这会掏空我们的钱包(;´д`)ゞ 退而求其次,我们可以从在线UI设计工具Pixso旗下的「资源社区」获取到这份文件,Pixso 支持在线查看或编辑 WeUI 组件库,因此即便我们用的是 Windows 或 Linux 系统的设备,
1、产品鲜活。框架一定是要有活力的,一方面可以及时响应解决bug,另外也能稳定更新用上新的技术,以匹配项目需要。这方面大厂和商业版的UI框架相对好一点。不过话说回来蛮多大厂的东西最终也是草草收场,一地鸡毛。
2、组件丰富。我们使用UI框架就是希望可以解决实际项目中的需求,满足各个场景下的需要,所以UI框架能否提供足够丰富的组件,也是一个重要的选择标准。不要选那些UI框架像搞着玩一样,就十来个几十个组件,开发中想要这个组件没有,要那个组件也没有,还得要自己去拼凑,说线、设计精美。UI直通用户,它呈现的一定是要有美观的,要是精细雕琢出来的,这样的框架才好用。最好是可以根据项目需要自定义主题。
小程序官方框架:小程序提供了一系列UI组件,是开发小程序的基础和必备元素,包括导航栏、列表、表单、滑动、图像等等。官方框架的样式简洁,功能齐全,开发者可以通过官方文档快速掌握使用方法,构建出美观、实用的小程序。
WeUI框架:WeUI框架是一套基于腾讯社交产品的UI框架,是小程序中非常受欢迎的一种UI框架。WeUI框架包含了大量的UI组件,如按钮、表单、卡片、标签等等,还提供了丰富的动画和交互效果。使用WeUI框架可以快速开发出适配微信风格的小程序。
Vant框架:Vant框架是一个轻量级高效的移动端组件库,提供了大量的基础组件和业务组件,如按钮、表单、轮播图、弹出层等等。Vant框架还具有很好的扩展性和自定义能力,可以满足开发者的各种需求,适用于快速开发高质量小程序。
ColorUI框架:ColorUI是一款非常适合小程序开发的UI框架,拥有漂亮的视觉效果和丰富的组件,其中包括按钮、列表、菜单、卡片等等。ColorUI还提供了多种配色方案,可以满足不同主题需求,是一款不错的UI框架
iView Weapp:基于 Vue.js 的小程序 UI 组件库,常用于构建高度交互的小程序。
Wux Weapp : 是一个专为微信小程序而设计的组件库,同时也支持支付宝小程序,基于 Taro 框架。
这仅仅是几个常见的微信小程序UI框架,还有其他许多优秀的框架可供选择。选择哪个框架取决于您的项目需求和个人喜好。
WeUI是由微信官方设计团队分别支持微信H5网页和微信原生小程序的开源UI组件
ColorUI是开源且支持原生小程序的UI组件,由于我目前在帮朋友改一个原生的微信小程序,所以就选择了这款开源组件。
*请认真填写需求信息,我们会在24小时内与您取得联系。