Crazy_LinkFern的博客

问题描述：开发过程中发现ionic3项目打包后在真机上运行，启动页后会有3-5秒的白屏时间。解决方法：在config.xml添加以下属性： <!--默认有前四个配置，后面三个是另外添加的--> <preference name="SplashScreen" value="screen"/> <preference name...

*.html界面代码如下：<ion-input placeholder="输入框" (ionBlur)="blurInput()" (ionFocus)="focusInput()"></ion-input>ionFocus为输入框获取焦点的属性ionBlur为输入框失去焦点的属性即可在对应的 *.ts 界面编辑相应的失去焦点和获取焦点所...

首先，到阿里开源图标库下载需要的小图标，下载后直接放到项目的src/assets/icon/目录中即可。并在index.html的header节点中导入资源图标库。注：stylesheet英文翻译为样式表，不错这条代码的作用就是告诉浏览器需要引用外部样式表文件为那个，例如：<link href="assets/icon/iconfont.css" rel="stylesheet">

配置ionic3懒加载步骤：1.给需要懒加载的页面配置module.ts；例：配置about.module.ts：import { NgModule } from '@angular/core';import { IonicPageModule } from 'ionic-angular';import { AboutPage } from './about';...

首先可以在 app.module.ts 文件中配置。@NgModule 中的 imports 属性的 IonicModule.forRoot 第二个参数，如下：IonicModule.forRoot(MyApp, { backButtonText: '', // 配置返回按钮的文字 backButtonIcon: 'arrow-dropleft-circle' //

问题：在页面上点击需要输入的控件，当软键盘弹出后，Android 端的 tabs 移到了软键盘的上面，整个界面都被压扁了。解决方法：打开 AndroidManifest.xml，发现 Ionic 3 将 android:windowSoftInputMode 属性默认设置为 adjustResize 值，将属性值修改为 adjustPan|stateHidden 即可。

最近开发项目，上级boss给出的一个需求是：在input输入框输入值后，点击手机软件键盘的确认键之后对文本框中的值进行下一步的操作。百度了好多都没有找到关于ionic3相关的教程或者解决办法，看到最多的是在*.html页面操作，即：将input输入框和一个button按钮放在一个form表单中，这样点击键盘的确认键就可以执行button里的方法<form> &l...

熟悉前端的应该都知道，某些元素在click事件会有300ms的延迟，在ionic里也是只有button和a可以立即响应的。如果要给其他的元素比如div增加click事件，给该元素加上tappable属性即可解决。...

.col-xs-：超小屏幕 手机 (<768px),.col-sm-：小屏幕 平板 (≥768px),.col-md-：中等屏幕 桌面显示器 (≥992px)(栅格参数).不管在哪种屏幕上，栅格系统都会自动的分12列，col-xs-*和col-sm-* 和col-md-*后面跟的参数表示在当前的屏幕中 div占的宽度。例如 <div class="col-xs-6 co...