通过 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 是一个库而不是一个框架。它提供了 20+ 个常用的组件,却只有 82K JS 和 117K CSS 大小的两个文件。大部分时候你只需把组件的HTML代码复制到自己的HTML文件中即可。
Light7 依赖 jQuery 或者 zeptojs, 如果你以前用过 jQuery/Zepto 那么没有任何上手难度.
我们的组件都是按照iOS风格设计的,所有有很多组件都是iOS独有的炫酷设计。
Light7 提供了很多功能强大的组件 - Pull-to-refresh, Action Sheet and Notification.
我们提供了四种主题色,以及夜间模式,点击查看换肤文档。