今天给大家分享一款小众但很优秀的、基于 Vue.js 的移动端弹层组件。

介绍

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

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

支持弹层类型

• Loading
• Loading – 白色背景
• Error – 网络出错提示
• Toast – 消息提示
• Message – 顶部消息提示
• Dialog – IOS风格弹出操作窗口
• Dialog – IOS风格弹出操作窗口(输入框)
• Actionsheet – 底部弹出菜单

使用体验

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

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

免费使用说明

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

官网网站

https://github.com/wuruijin1996/wuui

那些免费的砖(www.thosefree.com) 持续更新设计、前端圈免费开源、可商用资源。