![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ionic3
zuo-yiran
这个作者很懒,什么都没留下…
展开
-
关于ionic3开发APP用cordova打包,更新下载后不能自动提示安装的解决方法的补充
在之前的文章中提出过解决这个问题的办法:在添加平台cordova platform add android后,在platforms\android内找到AndroidManifest.xml文件,然后修改为:<uses-sdk android:minSdkVersion="16" android:targetSdkVersion="23" />关于这个问题可以通过命令直接实现:...原创 2020-04-15 19:18:39 · 440 阅读 · 0 评论 -
ionic2/ionic3自定义Action Sheets和Alerts组件的样式
最近用ionic2和ionic3中,组件Action Sheets和Alerts给出的基本样式满足不了项目中的设计图的要求,需要修改,在此记录一下方法。 Action Sheets组件 在官网上的例子的样式是如下图所示的: 而需要的样式如下: 具体的实现如下: 我的代码布局如图(红方块圈起来的是重点): 这个从底部出来的弹窗页面是setting.html页面 重点是: 在ts文件中引原创 2017-07-21 11:32:57 · 13678 阅读 · 6 评论 -
ionic3在ios上顶部导航栏显示不正常--据顶部有空隙条
在项目中遇到这样的问题: 如图: 顶部导航平白多了一道白条,而且这个只是在ios的真机或者是模拟器上才显示,用chrome和android真机是一点问题没有,于是就重新下载了一个tabs项目,运行,也没有问题,一点点儿找原因才发现是因为觉得不需要顶部导航,就给去掉了,于是,解决的办法是: 在页面的<ion-content>内容</ion-content>之上,加上<ion-header><原创 2017-12-08 14:46:14 · 2222 阅读 · 0 评论 -
echarts在ionic3中动态渲染多种图表
在项目中通常不会只显示一个种类的图表,如果在有多种配置的图表要怎么进行显示?如下: 在echarts官网中首先要有一个带有id的和高度的标签,但是往往这个标签并不能在页面中写死,所以就需要动态进行添加。1.把一个配置作为一个大的对象放到数组对象switchList中。(对配置中的图表显示的标签id循环时把index放入id中拼成新的id,防止出现相同的id值。)<div class="tubiao原创 2017-11-21 16:24:49 · 2410 阅读 · 0 评论 -
ionic3 实现app版本更新下载并打开进行安装(包括android7+无法自动安装apk问题的解决方法)
记录一下实现app版本一键更新下载的功能。 我的项目的总体的文件: 使用的插件列表如下: 需要纯实现该功能用到的基本上是除了后三个。首先,安装这些插件,在app.component.ts页面上加入import { Component, ViewChild } from '@angular/core';import { Platform, ToastController,...原创 2018-02-12 16:25:18 · 13189 阅读 · 18 评论 -
ionic3 loadingService.ts的使用及分享
首先,引入service服务:import { LoadingService } from "./../../providers/LoadingService";//我的service存放的相对地址然后在使用的页面进行声明(我是在setting.ts页面使用):export class SettingPage { constructor(public navCtrl: NavC...原创 2018-03-23 10:18:50 · 1726 阅读 · 1 评论 -
ionic2/3退出到登录页--以getRootNav、getRootNavs、getActiveNav、getActiveNavs、getRootNavById实现及其用法
ionic2/3的app中的退出功能的实现以getRootNav、getRootNavs、getActiveNav、getActiveNavs、getRootNavById五种方式分别进行实现说明: 首先都要引入:import { App } from 'ionic-angular'; 在constructor内进行声明:private app:App1.getRootNav...原创 2018-04-02 11:31:27 · 3078 阅读 · 0 评论 -
ionic3以cordova-plugin-camera和cordova-plugin-image-picker插件实现拍照和从相册选取图片并用form表单上传
说明:拍照使用插件cordova-plugin-camera,从相册选取使用cordova-plugin-camera或者是cordova-plugin-image-picker。 安装:cordova-plugin-camera$ ionic cordova plugin add cordova-plugin-camera$ npm install --save @ionic-nativ...原创 2018-08-24 11:28:38 · 4896 阅读 · 3 评论