小程序多选框html,推荐:微信小程序和HTML5界面UI一致的前端框架(WeUI)

2017年的情人节刚过,仿佛还沉浸在昨夕浪漫的夜晚。回忆中,远远望去,前方的道路还很漫长,人们总是对未知的事物充满好奇和恐惧,有一丝焦虑,想想,多少年的风雨坎坷,我们依然坚强的生存着,未来,没有什么可畏惧的,我们能做的,无非是珍惜当下,即使学海无涯,我们也要直挂云帆。

0818b9ca8b590ca3270a3433284dd417.png

好了,抒情的话,也就说到这里吧。今天给大家介绍一个不错的UI框架(WeUI)。感兴趣的朋友,可以去https://weui.io/网站体验下。最近围绕微信小程序的话题,层出不穷,借此,抛砖引玉,有幸的话,结识一些有这方面兴趣爱好的朋友。下面,还是要把文章的主题,转移到WeUI上。

前端框架:WeUI

0818b9ca8b590ca3270a3433284dd417.png

据我个人了解,WeUI是一个集HTML5和微信小程序于一身的框架。当然,由于微信小程序和HTML5有着本质的区别,这就意味着,WeUI的实现不可能是一种框架代码。WeUI包含HTML5框架和微信小程序这两部分组成,我们根据使用场景,选择对应的框架代码即可。WeUI把HTML5和微信小程序的界面风格进行了统一,这样,我们就可以在HTML5中使用像微信小程序提供的那些组件一样的效果。

手机预览:

0818b9ca8b590ca3270a3433284dd417.png

再来看看官方介绍:

官方简述:WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

来看看 WeUI 样式库的介绍:

1、WeUI页面层级

用于规范WeUI页面元素所属层级、层级顺序及组合规范。

0818b9ca8b590ca3270a3433284dd417.png

2、交互(提示样式)

0818b9ca8b590ca3270a3433284dd417.png

(提示框)

0818b9ca8b590ca3270a3433284dd417.png

(操作框)

0818b9ca8b590ca3270a3433284dd417.png

(模态框)

3、常用菜单

0818b9ca8b590ca3270a3433284dd417.png

(底部菜单)

0818b9ca8b590ca3270a3433284dd417.png

(选项卡)

以上只是简单的展示了WeUI框架的效果图,喜欢朋友,可以动手试试。

0818b9ca8b590ca3270a3433284dd417.png

以上是WeUI小程序的示例框架

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值