轻量,小巧且精美的UI库
方便迅速搭建手机H5应用

访问Github

V0.4.3

立即试用!

通过 npm 安装代码: npm install light7.

推荐在github上clone代码并自行编译 - light7 on github. 也可以点击 这里下载zip文件.

所有的编译后的代码都在 dist 目录下,然后像这样引入代码:

<!-- in head -->
<link rel="stylesheet" href="dist/css/light7.min.css">

<!-- at the end of body -->
<script type='text/javascript' src='jquery.min.js' charset='utf-8'></script>
<script type='text/javascript' src='dist/js/light7.min.js' charset='utf-8'></script>

然后你就可以直接调用 $.alert 来显示一个对话框:

$.alert("Hello Light7");

为什么选择 Light7 ?

轻量且强大

Light7 是一个库而不是一个框架。它提供了 20+ 个常用的组件,却只有 82K JS 和 117K CSS 大小的两个文件。大部分时候你只需把组件的HTML代码复制到自己的HTML文件中即可。

Light7 依赖 jQuery 或者 zeptojs, 如果你以前用过 jQuery/Zepto 那么没有任何上手难度.

炫酷的iOS风格

我们的组件都是按照iOS风格设计的,所有有很多组件都是iOS独有的炫酷设计。

强大的组件

Light7 提供了很多功能强大的组件 - Pull-to-refresh, Action Sheet and Notification.

换肤

我们提供了四种主题色,以及夜间模式,点击查看换肤文档