wu layer – 简单全面的移动端弹层组件

wu layer - 简单全面的移动端弹层组件

一款小众但很优秀的、基于 Vue.js 的移动端弹层组件。

介绍

这个代码库只有一个组件,库的名称叫 wu ui ,但仅仅是一款移动端的弹层组件,叫 ui 发出来一定会被喷,所以在这我大胆叫它 wu layer。

这是一款简单但丰富的移动端 web 弹层组件,具备一个优秀弹层组件的几乎所有的解决方案,能让开发者轻松地拥有丰富友好的操作体验。

支持弹层类型

  • Loading
  • Loading – 白色背景
  • Error – 网络出错提示
  • Toast – 消息提示
  • Message – 顶部消息提示
  • Dialog – IOS风格弹出操作窗口
  • Dialog – IOS风格弹出操作窗口(输入框)
  • Actionsheet – 底部弹出菜单
wu layer - 简单全面的移动端弹层组件
丰富的提示类型

使用体验

比较知名的 UI 组件库一般都自带有弹层组件,对于一些没有使用封装好的 UI 组件库的移动web项目,自己去写一个太费时间,我曾经就一度找不到合适的、简单纯粹的、又可以修改样式,定制成自己想要的样式的开源代码库,后来一不小心发现了这个 github 开源项目,体验了一下,发现这就是我苦苦寻找的。

因为设计很简单,使用也非常简单,不用多说。因此默认提供的是以js、css文件引入的方式来使用(不需要Vue.js也可以用),当然也作为 Vue.js 组件使用,也支持Vue cli 的方式引入,官网有简单的使用方法。

免费使用说明

wu layer (wu ui) 已经在 github 上开源,可以自由下载学习和使用,放心搬砖。

原创文章,作者:yifang,如若转载,请注明出处:http://www.zhichizi.com/752.html