移动开发中使用Onsen UI的笔记
移动开发中使用Onsen UI的笔记
卖小女孩的小火柴 发表于3年前
移动开发中使用Onsen UI的笔记
  • 发表于 3年前
  • 阅读 2280
  • 收藏 6
  • 点赞 0
  • 评论 3

今天尝试着使用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>



共有 人打赏支持
粉丝 45
博文 52
码字总数 22661
作品 1
评论 (3)
邪气小生
就这么点。。。
卖小女孩的小火柴

引用来自“邪气小生”的评论

就这么点。。。
之前是准备打算用这个的,但是没用多久发现还是有不足之处,就放弃了。所以记录的不多
邪气小生
不足之处怎么说呢?我用这个做了好几个项目,之前用的是ionic,f7也做了些,感觉onsen的兼容性应该还算可以的吧
×
卖小女孩的小火柴
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: