推荐10个高颜值小程序开源UI库( 四 )


适用领域
uView是uni-app生态专用的UI框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到IOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网) 。
四大利器,为您保驾护航
 

  • 指南:涵盖uniapp各个方面,给开发者方向指导和设计理念,让您茅塞顿开,一马平川
  • 组件:众多组件覆盖开发过程的各个需求,组件功能丰富,多端兼容 。让您快速集成,开箱即用
  • 工具库:众多的贴心小工具,是您开发过程中召之即来的利器,让您飞镖在手,百步穿杨
  • 布局:收集众多的常用页面和布局,减少开发者的重复工作,让您专注逻辑,事半功倍
 
如下图:
推荐10个高颜值小程序开源UI库

文章插图
 
推荐10个高颜值小程序开源UI库

文章插图
 
推荐10个高颜值小程序开源UI库

文章插图
 
推荐10个高颜值小程序开源UI库

文章插图
 
Touch WX
Github:https://github.com/umicro/uView
Touch WX 是一套完全免费的微信小程序开发框架,包含丰富的UI控件用于官方组件的补充 。
1、组件扩充:
增加了30多种常用的组件用于官方组件的补充 。
2、功能扩充:
兼容阿里的iconfont图标库,海量矢量图标随意使用;补充了常用样式库、支持less语法、支持全局配置主题色等
3、开发体验改善:
四文件方式改为单文件方式,通过VSCode编辑器+插件的方式开发,拥有web开发体验;
4、小程序转为H5应用:
可以与H5开发框架Touch UI工程相互转换,发布成webApp 。开发一套代码,拥有两套应用 。
这套框架的原理是:
将Touch WX工程中所写的代码进行编译,直接输出为微信小程序工程原始代码 。扩充的30多种组件,完全是基于小程序官方的自定义组件机制实现(row&col除外) 。
所以它支持小程序的全部语法,怎么开发小程序,就怎么开发Touch WX 。
不过因为是单文件的开发方式,在文件的代码结构上稍有不同 。请注意这一点 。
这样好处在于:
1、开发者迁移成本很小 。
可以轻松的将已有的小程序移植为Touch WX工程,来使用它的扩展能力;
2、便于排查错误 。
当遇到问题时,开发者也可以随时查看输出的小程序原始代码来定位问题所在 。不会搞不清楚到底是框架问题还是自己代码的问题;
3、按需编译
由于小程序对体积有限制,在使用框架开发时,只有使用到的组件才会编译输出为小程序源码 。没用到的不会输出 。
4、不会对框架产生依赖 。
以后不想用了这套框架,可以直接对已经输出的小程序工程进行维护 。
如下图:
推荐10个高颜值小程序开源UI库

文章插图




推荐阅读