移动开发中使用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>



你可能感兴趣的:(UI,移动开发,移动框架,Onsen,Onsen)