2017年的情人节刚过,仿佛还沉浸在昨夕浪漫的夜晚。回忆中,远远望去,前方的道路还很漫长,人们总是对未知的事物充满好奇和恐惧,有一丝焦虑,想想,多少年的风雨坎坷,我们依然坚强的生存着,未来,没有什么可畏惧的,我们能做的,无非是珍惜当下,即使学海无涯,我们也要直挂云帆。
好了,抒情的话,也就说到这里吧。今天给大家介绍一个不错的UI框架(WeUI)。感兴趣的朋友,可以去https://weui.io/网站体验下。最近围绕微信小程序的话题,层出不穷,借此,抛砖引玉,有幸的话,结识一些有这方面兴趣爱好的朋友。下面,还是要把文章的主题,转移到WeUI上。
前端框架:WeUI
据我个人了解,WeUI是一个集HTML5和微信小程序于一身的框架。当然,由于微信小程序和HTML5有着本质的区别,这就意味着,WeUI的实现不可能是一种框架代码。WeUI包含HTML5框架和微信小程序这两部分组成,我们根据使用场景,选择对应的框架代码即可。WeUI把HTML5和微信小程序的界面风格进行了统一,这样,我们就可以在HTML5中使用像微信小程序提供的那些组件一样的效果。
手机预览:
再来看看官方介绍:
官方简述:WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
来看看 WeUI 样式库的介绍:
1、WeUI页面层级
用于规范WeUI页面元素所属层级、层级顺序及组合规范。
2、交互(提示样式)
(提示框)
(操作框)
(模态框)
3、常用菜单
(底部菜单)
(选项卡)
以上只是简单的展示了WeUI框架的效果图,喜欢朋友,可以动手试试。
以上是WeUI小程序的示例框架