onsen-ui 介绍
示例
OnsenUI是一个开放源代码框架,可帮助您构建具有类似本机性能的混合应用程序。它可以与几个著名的JavaScript框架一起使用,例如AngularJS(1&2),ReactJS和jQuery。
在项目中加载OnsenUI就像在index.html文件中编写一些标准的HTML标签一样容易:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- load Onsen structure CSS file -->
<link rel="stylesheet" href="lib/onsen/css/onsenui.css"/>
<!-- load Onsen theme CSS file -->
<link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css"/>
<!-- load Onsen main Javascript file -->
<script xx_src="lib/onsen/js/onsenui.js"></script>
<script>
ons.ready(function() {
//初始化代码在这里
});
</script>
</head>
<body>
<ons-navigator>
<ons-page>
Hello World!
</ons-page>
</ons-navigator>
</body>
</html>ons.ready函数是可以安全地告诉我们何时完成OnsenUI初始化的主要函数。然后,您可以使用任何OnsenUI组件。
热门推荐
10 圣诞祝福语简短小学
11 祖国七十华诞简短祝福语
12 老师送的祝福语简短
13 生日祝福语大全女生简短
14 祝女性生日祝福语简短
15 牛年女神节祝福语简短
16 情人表白祝福语简短大气
17 老公开业祝福语简短
18 官宣新年祝福语简短