文档章节

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

卖小女孩的小火柴
 卖小女孩的小火柴
发布于 2015/04/12 18:01
字数 176
阅读 2312
收藏 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
博文 57
码字总数 23427
作品 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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

c语言之内存分配笔记

先看一个数组: short array[5] = {1,2} // 这儿定义的一个int类型的数组,数组第1和第2个元素值是1和2.其余后面默认会给值为0; 或者 short array[] = {1,2};//这儿数组第1和第2个元素,数组...

DannyCoder
33分钟前
0
0
Shell | linux安装包不用选择Y/N的方法

apt-get install -y packageOR echo "y" | sudo apt-get install package

云迹
今天
1
0
Hadoop的大数据生态圈

基于Hadoop的大数据的产品圈 大数据产品的一句话概括 Apache Hadoop: 是Apache开源组织的一个分布式计算开源框架,提供了一个分布式文件系统子项目(HDFS)和支持MapReduce分布式计算的软件架...

zimingforever
今天
4
0
八大包装类型的equals方法

先看其中一个源码 结论:八大包装类型的equals方法都是先判断类型是否相同,不相同则是false,相同则判断值是否相等 注意:包装类型不能直接用==来等值比较,否则编译报错,但是数值的基本类型...

xuklc
今天
2
0
NoSQL , Memcached介绍

什么是NoSQL 非关系型数据库就是NoSQL,关系型数据库代表MySQL 对于关系型数据库来说,是需要把数据存储到库、表、行、字段里,查询的时候根据条件一行一行地去匹配,当量非常大的时候就很耗...

TaoXu
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部