文档章节

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

卖小女孩的小火柴
 卖小女孩的小火柴
发布于 2015/04/12 18:01
字数 176
阅读 2325
收藏 6

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



© 著作权归作者所有

共有 人打赏支持
卖小女孩的小火柴
粉丝 46
博文 61
码字总数 24927
作品 1
成都
项目经理
私信 提问
加载中

评论(3)

邪气小生
邪气小生
不足之处怎么说呢?我用这个做了好几个项目,之前用的是ionic,f7也做了些,感觉onsen的兼容性应该还算可以的吧
卖小女孩的小火柴
卖小女孩的小火柴

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

就这么点。。。
之前是准备打算用这个的,但是没用多久发现还是有不足之处,就放弃了。所以记录的不多
邪气小生
邪气小生
就这么点。。。
OnsenUI 2.3.1 发布,跨平台 HTML5 移动应用框架

OnsenUI 2.3.1 已发布,OnsenUI 是一个跨平台的 HTML5 移动应用框架,可帮助使用 Javascript 为 Android 和 iOS 创建漂亮的混合和移动 Web 应用。 更新内容: 暂时从 package.json 中删除模块...

王练
2017/05/24
1K
2
Onsen UI快速入门 --Onsen UI

一、什么是Onsen UI? 1、一系列专为移动应用程序设计的丰富UI组件、具有遵循原生iOS和Android设计标准的即时实现功能、免费使用,100%开源软件(Apache v2许可证)。Onsen UI通过原生设计的...

牛新龙的个人博客
07/31
0
0
OnsenUI 2.21 发布,跨平台 HTML5 移动应用框架

OnsenUI 是一个跨平台的 HTML5 移动应用框架,可帮助使用 Javascript 为 Android 和 iOS 创建漂亮的混合和移动 Web 应用。 OnsenUI 2.21 更新内容如下: 新特性 css-components:在 build / ...

王练
2017/04/02
1K
3
Vue、React、Angular最佳UI框架

摘要: 今天我们不聊技术,只"以貌取人"。 前言 之前有很多刚入门的小伙伴问我(上面是我的自拍照),现在前端Vue、React、Angular这三个框架似乎都很好,反而不知道选择什么了,我当时开玩笑...

Fundebug
05/03
0
0
前端开发框架--OnsenUI

OnsenUI 是一个前端的开发框架,用于构建 PhoneGap/Cordova 应用。其侧重于创建移动应用。

真友
2014/04/06
11.7K
3

没有更多内容

加载失败,请刷新页面

加载更多

Apache Sentry架构介绍

cdh版本的hadoop在对数据安全上的处理通常采用Kerberos+Sentry的结构。 kerberos主要负责平台用户的权限管理,sentry则负责数据的权限管理。 下面我们来依次了解一下: Kerberos包含一个中心...

hblt-j
19分钟前
0
0
First Bad Version(leetcode278)

You are a product manager and currently leading a team to develop a new product. Unfortunately, the latest version of your product fails the quality check. Since each version is......

woshixin
25分钟前
1
0
executor 和task 优先于线程(68)

java.util.concurrent 包里有一个Executor 框架 基于接口的任务执行工具 只需要一行代码 提交一个runnable 方法 优雅的终止(必须做到,不然虚拟机可能不会退出) 对于负载不重的服务 Execut...

Java搬砖工程师
26分钟前
1
0
一条SQL查询语句是如何执行的

123

writeademo
28分钟前
3
0
CSS中position属性( absolute | relative | static | fixed )详解

四个属性的特点 static:无特殊定位,对象遵循正常文档流。top,right,bottom,left等属性不会被应用。 relative:对象遵循正常文档流,但将依据top,right,bottom,left等属性在正常文档流...

简心
33分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部