文档章节

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

卖小女孩的小火柴
 卖小女孩的小火柴
发布于 2015/04/12 18:01
字数 176
阅读 2319
收藏 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的兼容性应该还算可以的吧
卖小女孩的小火柴
卖小女孩的小火柴

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

就这么点。。。
之前是准备打算用这个的,但是没用多久发现还是有不足之处,就放弃了。所以记录的不多
邪气小生
邪气小生
就这么点。。。
Onsen UI快速入门 --Onsen UI

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

牛新龙的个人博客
07/31
0
0
Vue、React、Angular最佳UI框架

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

Fundebug
05/03
0
0
OnsenUI 2.3.1 发布,跨平台 HTML5 移动应用框架

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

王练
2017/05/24
1K
2
前端开发框架--OnsenUI

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

真友
2014/04/06
11.7K
3
OnsenUI 2.21 发布,跨平台 HTML5 移动应用框架

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

王练
2017/04/02
976
3

没有更多内容

加载失败,请刷新页面

加载更多

Java并发编程:volatile关键字解析

volatile这个关键字可能很多朋友都听说过,或许也都用过。在Java 5之前,它是一个备受争议的关键字,因为在程序中使用它往往会导致出人意料的结果。在Java 5之后,volatile关键字才得以重获生...

engeue
20分钟前
1
0
php-fpm配置文件详解

第一部分:FPM 配置 参数          | 说明 -p            | 命令行中动态修改--prefix   ;include=etc/fpm.d/*.conf  | 用于包含一个或多个文件,如果glob(3)存在(...

bengozhong
21分钟前
1
0
Django允许外部ip访问

1、关闭防火墙 service iptables stop 2、设置django 开启django时,使用0.0.0.0:xxxx,作为ip和端口例如: python manage.py runserver 0.0.0.0:9000 3、在settings里修改ALLOWED_HOSTS = [......

MichaelShu
25分钟前
1
0
机器学习在客户管理场景中的应用

使用机器学习进行客户管理,我们可以得到客户360度全方位的视图。 本文以SAP Cloud for Customer的客户管理应用为例,介绍机器学习是如何同传统的客户管理应用进行集成的。 打开SAP C4C的客户...

JerryWang_SAP
31分钟前
1
0
ftp链接ubuntu虚拟机

1.在主机上安装Xftp 5 2.在虚拟机中输入: sudo apt-get install vsftpd 3.打开 /etc/vsftpd.conf修改如下变量 listen=YES anonymous_enable=YES local_enable=YES write_enable=yes local_......

15834278076
36分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部