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