文档章节

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

卖小女孩的小火柴
 卖小女孩的小火柴
发布于 2015/04/12 18:01
字数 176
阅读 2296
收藏 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
码字总数 23427
作品 1
成都
项目经理
加载中

评论(3)

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

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

就这么点。。。
之前是准备打算用这个的,但是没用多久发现还是有不足之处,就放弃了。所以记录的不多
邪气小生
邪气小生
就这么点。。。
Vue、React、Angular最佳UI框架

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

Fundebug ⋅ 05/03 ⋅ 0

OnsenUI 2.3.1 发布,跨平台 HTML5 移动应用框架

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

王练 ⋅ 2017/05/24 ⋅ 2

前端开发框架--OnsenUI

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

真友 ⋅ 2014/04/06 ⋅ 3

OnsenUI 2.21 发布,跨平台 HTML5 移动应用框架

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

王练 ⋅ 2017/04/02 ⋅ 3

Angular 2 资源

UI框架 Onsen UI: https://github.com/OnsenUI/OnsenUI

flydo ⋅ 2016/12/20 ⋅ 0

开源的代办事项应用程序--joplin

joplin 是一个免费的,开源的笔记和待办事项的应用程序,可以处理笔记本组织成的大量笔记。笔记是可搜索的,可以直接从应用程序复制,标记和修改,也可以从自己的文本编辑器进行修改。笔记采...

匿名 ⋅ 2017/12/01 ⋅ 1

我的工作与生活

1、Evernote(印象笔记):无论是生活还是工作,有需要进行记录的或者工作上有需要总结的,Evernote都是一个不错的选择。 2、开源中国:从Evernote中提取工作中的总结笔记以及技术上的突破进...

TimApache ⋅ 2016/05/11 ⋅ 0

有道云笔记是如何使用TensorFlow Lite的?

文 / 有道技术团队 近年来,有道技术团队在移动端实时 AI 能力的研究上,做了很多探索及应用的工作。2017 年 11 月 Google 发布 TensorFlow Lite (TFLlite) 后,有道技术团队第一时间跟进 TF...

谷歌开发者 ⋅ 04/21 ⋅ 0

Bootstrap响应式前端框架笔记十四——媒体对象与列表组

Bootstrap响应式前端框架笔记十四——媒体对象与列表组 在移动开发中经常会使用到列表,使用媒体对象可以方便的创建列表中每一行元素,常规的媒体对象实例如下:

珲少 ⋅ 2016/12/20 ⋅ 0

Symbian开发系列 - 入门篇

要开始我的Symbian开发之旅了, 先收集一些相关资料,如Symbian概述, 开发平台搭建, 参考书籍与网络资源. 【基础】 什么是Symbian 学习Symbian的基本概念 Symbian操作系统 Symbian 入门 【转】...

长征2号 ⋅ 2017/08/09 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

从零开始搭建Risc-v Rocket环境---(1)

为了搭建Rocke环境,我买了一个2T的移动硬盘,安装的ubuntu-16.04 LTS版。没有java8,gcc是5.4.0 joe@joe-Inspiron-7460:~$ java -version程序 'java' 已包含在下列软件包中: * default-...

whoisliang ⋅ 28分钟前 ⋅ 0

大数据学习路线(自己制定的,从零开始学习大数据)

大数据已经火了很久了,一直想了解它学习它结果没时间,过年后终于有时间了,了解了一些资料,结合我自己的情况,初步整理了一个学习路线,有问题的希望大神指点。 学习路线 Linux(shell,高并...

董黎明 ⋅ 34分钟前 ⋅ 0

systemd编写服务

一、开机启动 对于那些支持 Systemd 的软件,安装的时候,会自动在/usr/lib/systemd/system目录添加一个配置文件。 如果你想让该软件开机启动,就执行下面的命令(以httpd.service为例)。 ...

勇敢的飞石 ⋅ 36分钟前 ⋅ 0

mysql 基本sql

CREATE TABLE `BBB_build_info` ( `community_id` varchar(50) NOT NULL COMMENT '小区ID', `layer` int(11) NOT NULL COMMENT '地址层数', `id` int(11) NOT NULL COMMENT '地址id', `full_......

zaolonglei ⋅ 45分钟前 ⋅ 0

安装chrome的vue插件

参看文档:https://www.cnblogs.com/yulingjia/p/7904138.html

xiaoge2016 ⋅ 47分钟前 ⋅ 0

用SQL命令查看Mysql数据库大小

要想知道每个数据库的大小的话,步骤如下: 1、进入information_schema 数据库(存放了其他的数据库的信息) use information_schema; 2、查询所有数据的大小: select concat(round(sum(da...

源哥L ⋅ 今天 ⋅ 0

两个小实验简单介绍@Scope("prototype")

实验一 首先有如下代码(其中@RestController的作用相当于@Controller+@Responsebody,可忽略) @RestController//@Scope("prototype")public class TestController { @RequestMap...

kalnkaya ⋅ 今天 ⋅ 0

php-fpm的pool&php-fpm慢执行日志&open_basedir&php-fpm进程管理

12.21 php-fpm的pool pool是PHP-fpm的资源池,如果多个站点共用一个pool,则可能造成资源池中的资源耗尽,最终访问网站时出现502。 为了解决上述问题,我们可以配置多个pool,不同的站点使用...

影夜Linux ⋅ 今天 ⋅ 0

微服务 WildFly Swarm 管理

Expose Application Metrics and Information 要公开关于我们的微服务的有用信息,我们需要做的就是将监视器模块添加到我们的pom.xml中: 这将使在管理和监视功能得到实现。从监控角度来看,...

woshixin ⋅ 今天 ⋅ 0

java连接 mongo伪集群部署遇到的坑

部署mongo伪集群 #创建mongo数据存放文件地址mkdir -p /usr/local/config1/datamkdir -p /usr/local/config2/data mkdir -p /usr/local/config3/data mkdir -p /usr/local/config1/l......

努力爬坑人 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部