移动开发中使用Onsen UI的笔记

标签：

今天尝试着使用Onsen UI进行移动端开发。发现自己英文跟不上了啊，这里记录下一些比较常用的东西，方便以后使用。

1、如何打开一个新页面

<ons-navigator var="myNavigator"></ons-navigator>
<script>
var options = {
  animation: ‘slide‘, // What animation to use
  onTransitionEnd: function() {} // Called when finishing transition animation};
myNavigator.pushPage("page2.html", options);
</script>

简便写法：

<ons-navigator var="myNavigator"></ons-navigator>
<script>
myNavigator.pushPage("page2.html", {animation: ‘slide‘});
</script>

2、弹出框使用和样式

直接使用alert即可，和你当前手机主题弹出框样式一样

3、弹出新页面后，如何返回

在弹出的新页面中，比如top的左边或者右边添加即可

<ons-back-button>
     Back
</ons-back-button>

移动开发中使用Onsen UI的笔记

标签：

原文地址：http://my.oschina.net/kenblog/blog/399248