2018年9月25日
摘要: 上一节我们谈到ionic自带的ion-fab功能都不错,但有着不能拖拽的先天不足,这就导致其实用性大大降低,试想,一个不能任意拖拽的悬浮按钮,这到底有多不方便,本节用新建指令的方法实现了悬浮按钮的拖拽功能。(1)什么是指令(directive) 以上是一个按钮,为html中常见的button元素,不 阅读全文
posted @ 2018-09-25 20:33 sandyLoveCoding 阅读(837) 评论(0) 推荐(0) 编辑
摘要: 编辑文章 ion-fab类似于iOS设备上的悬浮按钮,点击以后会弹出隐藏起来的一些按钮,达到快捷的作用,在ionic官方文档为 ,https://ionicframework.com/docs/components/#fabs 我直接贴源码了(1)悬浮按钮 ion-fab <ion-fab righ 阅读全文
posted @ 2018-09-25 20:31 sandyLoveCoding 阅读(450) 评论(0) 推荐(0) 编辑
摘要: 在实际项目中,我需要间一个悬浮按钮,在当前页面建好之后,其他页面也需要,这个时候我可以选择在需要这个组建的页面中一次次复制粘贴我的代码,工作量不大,但这样光想一想就要被枪毙(最近的假新闻,程序员因代码不规范,枪杀同事,http://www.sohu.com/a/255628694_100250530 阅读全文
posted @ 2018-09-25 20:30 sandyLoveCoding 阅读(303) 评论(0) 推荐(0) 编辑
摘要: (1)如1.3 所写,测滑菜单写在app.html,所以测滑菜单中的各个按钮的实现就在app.component.ts中写了,如果像其他普通界面一样在app.component.ts中引入NavController并在构造函数constructor中声明public navCtrl:NavContr 阅读全文
posted @ 2018-09-25 20:29 sandyLoveCoding 阅读(196) 评论(0) 推荐(0) 编辑
摘要: (1)localStorage适用于存储用户名、个人信息等小体积的文本 移除 (2)sqlite-storage当要保存图片这种大体积的文件到本地时,localStorage就不够用了,用storage用法1.在终端里加载 2.在app.module.ts中配置 在imports中加入IonicSt 阅读全文
posted @ 2018-09-25 20:28 sandyLoveCoding 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 编辑文章 (1)设置app.module.ts中的imports在IonicModule.forRoot中加上tabsHideOnSubPages: 'true' 就行了 imports: [ BrowserModule, HttpModule, JsonpModule, IonicModule.f 阅读全文
posted @ 2018-09-25 20:26 sandyLoveCoding 阅读(127) 评论(0) 推荐(0) 编辑
  2018年9月17日
摘要: (1)app.module.ts中引入 (2)在imports中注入 HttpModule和JsonpModule (3)在需要的页面中引入 (4)构造函数中声明 (5)get请求 (6)post请求 1.设置头文件 (7) post数据为formData不要设置头文件,不然报错,头文件空着 阅读全文
posted @ 2018-09-17 10:13 sandyLoveCoding 阅读(174) 评论(0) 推荐(0) 编辑
摘要: (1)新建页面 ionic g page map (2) 引入在app.module.ts引入map页 import { MapPage } from '../pages/map/map'; (3)跳转在需要跳转的界面引入 import { MapPage } from '../pages/map/ 阅读全文
posted @ 2018-09-17 10:12 sandyLoveCoding 阅读(434) 评论(0) 推荐(1) 编辑
摘要: 新建ionic tabs项目之后,替换app.html中的代码,代码如下: app.html app.html 然后在你需要加测滑栏的页面导航栏中加入按钮就行了 阅读全文
posted @ 2018-09-17 10:11 sandyLoveCoding 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 当我们创建好ionic项目之后,系统默认制作了icon和splash,样式如下: 注意系统默认的分辨率~我们后面就要照着它这个分辨率来设置图片 (一)重新添加iOS和android平台 ionic cordova platform rm ios ionic cordova platform add 阅读全文
posted @ 2018-09-17 10:11 sandyLoveCoding 阅读(215) 评论(0) 推荐(0) 编辑