ionic
芒果·布丁
程序中寻找人生
展开
-
ionic基础知识
1.Ionic介绍ionic是一款基于Angualr,Cordova的强大的HTML5移动应用框架,可以快速创建一个跨平台的移动应用。可以快速开发移动App,移动端WEB页面,微信公众平台应用,混合App,WEB页面2.Ionic和Cordova,Angualr关系Ionic = Cordova + Angualr +Ionic cssIonic是完全基于谷歌的Angular框架,在Ang...原创 2018-10-23 14:41:39 · 172 阅读 · 0 评论 -
browser发布 去掉screen
config.xml<platform name="browser"><preference name="ShowSplashScreen" value="false" /></platform>原创 2018-11-26 09:35:02 · 148 阅读 · 0 评论 -
Ionic3 自定义tabs菜单图标
tabs.scss .ion-tab-icon-base { width: 30px !important; height: 30px !important; } .ion-tab-icon-md-base { min-width: 0 !important; height: 30px; } ...原创 2018-11-22 14:37:24 · 502 阅读 · 4 评论 -
Ionic 【tabs模板】 详情页刷新以后,页面数据不消失,点击返回按钮可回到首页
1.详情页刷新,确保当前页面数据不丢失首先假设 首页(home)跳转到 home-details,传递参数code: //home.tsthis.navCtrl.push(HomeDetailsPage,{ code:code}) 然后再home-details.ts中获取传过来的参数: //home-details.tsthis.id = this.navPa...原创 2018-11-09 11:42:51 · 697 阅读 · 0 评论 -
ionic自动生成应用图标和启动页
一.素材准备icon.png 尺寸192*192(最好是1024*1024) splash.png 尺寸2208*2208二.替换图片 用做好的应用图标和启动页替换掉在resources下面的icon和splash,注意文件命名得跟那两个一样三.执行命令 1.可以直接命令:ionic resources 2.也可以单独生成: ...原创 2018-11-06 17:34:44 · 252 阅读 · 0 评论 -
Ionic在应用程序启动前读取应用程序启动之前的配置文件,避免代码频繁编译
1.app.module.ts2.app.config.ts1.新建app.config.ts文件2.内容:app.config.ts获取地址import { Inject, Injectable } from '@angular/core';import { Http } from '@angular/http';import { Observable } from 'rxjs/R...原创 2018-10-30 16:07:26 · 397 阅读 · 0 评论 -
Ionic页面传参跳转
一.ionic通过click传参跳转添加click事件&lt;button (click)="goNews('newsId')"&gt;&lt;/button&gt;引入页面定义数据import { NewsPage } from ‘…/pages/news/news’; goNews(value:string){ this.navCtrl.push('GoodsDe...原创 2018-10-24 10:40:11 · 537 阅读 · 1 评论 -
Ionic创建页面和跳转
1.创建页面:ionic g page news2.<button (click)="goNews()"></button>3.news.ts import { NewsPage } from '../pages/news/news'; goNews(){ this.navCtrl.push(NewsPage ) }原创 2018-10-24 10:10:39 · 152 阅读 · 0 评论 -
Ionic跳转去掉底部菜单(去掉二级页面的tabs),修改返回按钮
1.去掉二级页面的tabs菜单,找到app.module.ts*IonicModule.forRoot(MyApp, { tabsHideOnSubPages: 'true', //隐藏全部子页面tabs backButtonText: '返回' /*配置返回按钮*/ })...原创 2018-10-24 09:46:37 · 336 阅读 · 0 评论 -
ionic3 懒加载
ionic3 懒加载第一步:增加module.ts第二部:去掉app.module.ts中重复的部分第三步:在对应页面的.ts文件里增加@IonicPage()特性(以home.ts为例)第四步:使用懒加载(只需要将之前的页面名字用引号引起来即可,对应的也不需要在顶部进行import导入)app.component.tstabs.ts第五步:懒加载运行效果图首次进入的时候,...原创 2019-01-18 10:27:07 · 432 阅读 · 2 评论