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



郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。